作者: 本·弗莱恩 (Ben Frain) 出版社: 人民邮电出版社 副标题: HTML5和CSS3实战（第2版） 译者: 奇舞团 出版年: 2017-2-1 页数: 220 定价: CNY 59.00 装帧: 平装 丛书: 图灵程序设计丛书·Web开发系列 ISBN: 9787115446558

内容简介

作者简介： Ben Frain Web开发者、图书作者、演讲者。从1996年开始从事Web设计与开发，目前是Bet365的高级前端工程师。另著有《Sass和Compass设计师指南》。 在从事Web开发之前，他曾是一名怀才不遇的（而且谦虚的）电视演员和科技记者，毕业于索尔福德大学媒体与表演专业。他写过四部（自认为）均被低估的剧本，且至今仍觉得有望卖出其中一部（尽管不像最初那么有信心了）。 工作之余，在身体和妻子都允许的情况下，他会玩一玩室内足球，或者跟两个儿子练练摔跤。个人网站www.benfrain.com，Twitter账号@benfrain。 译者简介： 本书译者均来自由月影领衔的奇虎360最大前端团队——奇舞团（75team）。 李松峰 资深技术翻译，译有《JavaScript高级程序设计》《简约至上：交互式设计四策略》等数十部技术和设计书籍，现为“奇舞团”高级开发工程师、《奇舞周刊》总编。 钟恒 360奇舞团前端工程师。

作者简介

作者简介： Ben Frain Web开发者、图书作者、演讲者。从1996年开始从事Web设计与开发，目前是Bet365的高级前端工程师。另著有《Sass和Compass设计师指南》。 在从事Web开发之前，他曾是一名怀才不遇的（而且谦虚的）电视演员和科技记者，毕业于索尔福德大学媒体与表演专业。他写过四部（自认为）均被低估的剧本，且至今仍觉得有望卖出其中一部（尽管不像最初那么有信心了）。 工作之余，在身体和妻子都允许的情况下，他会玩一玩室内足球，或者跟两个儿子练练摔跤。个人网站www.benfrain.com，Twitter账号@benfrain。 译者简介： 本书译者均来自由月影领衔的奇虎360最大前端团队——奇舞团（75team）。 李松峰 资深技术翻译，译有《JavaScript高级程序设计》《简约至上：交互式设计四策略》等数十部技术和设计书籍，现为“奇舞团”高级开发工程师、《奇舞周刊》总编。 钟恒 360奇舞团前端工程师。

网友热评

蚁满长安: 响应式设计就前三章内容，主要是了解下@media是怎么回事，反正我目前用不到……我最近刚开始跟一个“50 Projects in 50 Days - HTML/CSS and JavaScript”学习，结果第一例就卡住了，JS部分简单明了，CSS部分全是新属性，flex、transition，是什么什么啊……就花3元买了本这书翻一遍，挺值的。概括地说，这书是“词汇表”，而不是“使用指南” 聆空: 内容一般般，缺乏组织。不太适合用来入门学习。倒是可以作为补充看看。 猫舌: CSS3 与 HTML5 的一些参考。。 不包括关于 HTML5 JS 部分 API。 。。。。 觉得看网上资料会好很多。。。。。。。 芝士君: 还是可以学到点东西。但是大半篇幅在讲css3的新特性，响应式说的太少。有点名不副实。 霪霖笙箫: 挺不错的一本书，响应式就是这么简单，这本是买的电子书，内容不深，毕竟没有js那些逻辑，把html、css当小说看，用了3天晚上把书和例子搞定。css就是要多用多写多对比，无他，熟能生巧

图书目录

第1章　响应式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