• 响应式Web设计
21年品牌 40万+商家 超1.5亿件商品

响应式Web设计

全新正版 极速发货

33.73 5.7折 59 全新

库存4件

广东广州
认证卖家担保交易快速发货售后保障

作者【英】本·弗莱恩(Ben Frain)

出版社人民邮电出版社

ISBN9787115446558

出版时间2017-01

装帧其他

开本其他

定价59元

货号1201450994

上书时间2024-08-09

谢岳书店

已实名 已认证 进店 收藏店铺

   商品详情   

品相描述:全新
商品描述
作者简介
Ben Frain

Web开发者、图书作者、演讲者。从1996年开始从事Web设计与开发,目前是Bet365的不错前端工程师。另著有《Sass和Compass设计师指南》。

在从事Web开发之前,他曾是一名怀才不遇的(而且谦虚的)电视演员和科技记者,毕业于索尔福德大学媒体与表演专业。他写过四部(自认为)均被低估的剧本,且至今仍觉得有望卖出其中一部(尽管不像当初那么有信心了)。

工作之余,在身体和妻子都允许的情况下,他会玩一玩室内足球,或者跟两个儿子练练摔跤。个人网站www.benfrain.com,Twitter账号@benfrain。

目录
 章 响应式Web 设计基础    1
1.1  定义需求  1
1.2  什么是响应式Web 设计  2
1.3  浏览器支持  2
1.4  个响应式的例子  4
1.4.1  HTML  5
1.4.2  图片  8
1.4.3  媒体查询  10
1.5  示例的不足之处  14
1.6  小结  15
第2  章 媒体查询  16
2.1  为什么响应式Web 设计需要媒体查询  17
2.2  媒体查询的语法  18
2.3  组合媒体查询  19
2.3.1  @import 与媒体查询  20
2.3.2  在CSS 中使用媒体查询  20
2.3.3  媒体查询可以测试哪些特性  20
2.4  通过媒体查询修改设计  21
2.4.1  任何CSS 都可以放在媒体查询里  23
2.4.2  针对高分辨率设备的媒体查询  23
2.5  组织和编写媒体查询的注意事项  24
2.5.1  使用媒体查询链接不同的CSS文件  24
2.5.2  分隔媒体查询的利弊  25
2.5.3  把媒体查询写在常规样式表中  25
2.6  组合媒体查询还是把它们写在需要的地方  25
2.7  关于视口的meta 标签  27
2.8  媒体查询4 级  28
2.8.1  可编程的媒体特性  29
2.8.2  交互媒体特性  30
2.8.3  悬停媒体特性  30
2.8.4  环境媒体特性  31
2.9  小结  31
第3  章 弹性布局与响应式图片  32
3.1  将固定像素大小转换为弹性比例大小  33
3.1.1  为什么需要Flexbox  36
3.1.2  行内块与空白  37
3.1.3  浮动  37
3.1.4  表格与表元  37
3.2  Flexbox 概述  38
3.2.1  Flexbox 三级跳  38
3.2.2  浏览器对Flexbox 的支持  38
3.3  使用Flexbox  39
3.3.1  完美垂直居中文本  40
3.3.2  偏移  41
3.3.3  反序  42
3.3.4  不同媒体查询中的不同Flexbox 布局  43
3.3.5  行内伸缩  44
3.3.6  Flexbox 的对齐  45
3.3.7  flex  50
3.3.8  简单的粘附页脚  52
3.3.9  改变原始次序  53
3.3.10  Flexbox 小结  57
3.4  响应式图片  58
3.4.1  响应式图片的固有问题  58
3.4.2  通过srcset 切换分辨率  59
3.4.3  srcset 及sizes 联合切换  59
3.4.4  picture 元素  60
3.5  小结  61
第4  章 HTML5 与响应式Web 设计  62
4.1  得到普遍支持的HTML5 标记  63
4.2  开始写HTML5 网页  63
4.2.1  doctype  64
4.2.2  HTML 标签与lang 属性  64
4.2.3  指定替代语言  64
4.2.4  字符编码  64
4.3  宽容的HTML5  65
4.3.1  理性编写HTML5  66
4.3.2  向标签致敬  66
4.4  HTML5 的新语义元素  67
4.4.1  
元素  67
4.4.2  
元素  68
4.4.3  
  • 响应式Web设计

   相关推荐   

—  没有更多了  —

以下为对购买帮助不大的评价

此功能需要访问孔网APP才能使用
暂时不用
打开孔网APP