响应式Web设计(HTML5和CSS3实践第2版)/图灵程序设计丛书

本·弗莱恩编著的《响应式Web设计（HTML5和 CSS3实践第2版）》将当前Web设计中热门的响应式设 计技术与HTML5和CSS3结合起来，为读者全面深入地 讲解了针对各种屏幕大小设计和开发现代网站的各种 技术。书中不仅讨论了媒体查询、弹性布局、响应式 图片，更将新的和有用的HTML5和CSS3技术一并讲解 ，是学习新Web设计技术不可多得的佳作。 本书适合所有Web开发和设计人员阅读。

本·弗莱恩，Web开发者、图书作者、演讲者。从1996年开始从事Web设计与开发，目前是Bet365的高级前端工程师。另著有《Sass和Compass设计师指南》。 在从事Web开发之前，他曾是一名怀才不遇的（而且谦虚的）电视演员和科技记者，毕业于索尔福德大学媒体与表演专业。他写过四部（自认为）均被低估的剧本，且至今仍觉得有望卖出其中一部（尽管不像初那么有信心了）。 工作之余，在身体和妻子都允许的情况下，他会玩一玩室内足球，或者跟两个儿子练练摔跤。个人网站.benfrain.，Twitter账号@benfrain。

第1章 响应式Web设计基础 1.1 定义需求 1.2 什么是响应式Web设计 1.3 浏览器支持 1.4 第一个响应式的例子 1.4.1 HTML 1.4.2 图片 1.4.3 媒体查询 1.5 示例的不足之处 1.6 小结 第2章 媒体查询 2.1 为什么响应式Web设计需要媒体查询 2.2 媒体查询的语法 2.3 组合媒体查询 2.3.1 @import与媒体查询 2.3.2 在CSS中使用媒体查询 2.3.3 媒体查询可以测试哪些特性 2.4 通过媒体查询修改设计 2.4.1 任何CSS都可以放在媒体查询里 2.4.2 针对高分辨率设备的媒体查询 2.5 组织和编写媒体查询的注意事项 2.5.1 使用媒体查询链接不同的CSS文件 2.5.2 分隔媒体查询的利弊 2.5.3 把媒体查询写在常规样式表中 2.6 组合媒体查询还是把它们写在需要的地方 2.7 关于视口的meta标签 2.8 媒体查询4级 2.8.1 可编程的媒体特性 2.8.2 交互媒体特性 2.8.3 悬停媒体特性 2.8.4 环境媒体特性 2.9 小结 第3章 弹性布局与响应式图片 3.1 将固定像素大小转换为弹性比例大小 3.1.1 为什么需要Flexbox 3.1.2 行内块与空白 3.1.3 浮动 3.1.4 表格与表元 3.2 Flexbox概述 3.2.1 Flexbox三级跳 3.2.2 浏览器对Flexbox的支持 3.3 使用Flexbox 3.3.1 完美垂直居中文本 3.3.2 偏移 3.3.3 反序 3.3.4 不同媒体查询中的不同Flexbox布局 3.3.5 行内伸缩 3.3.6 Flexbox的对齐 3.3.7 flex 3.3.8 简单的粘附页脚 3.3.9 改变原始次序 3.3.10 Flexbox小结 3.4 响应式图片 3.4.1 响应式图片的固有问题 3.4.2 通过srcset切换分辨率 3.4.3 srcset及sizes联合切换 3.4.4 picture元素 3.5 小结 第4章 HTML5与响应式Web设计 第5章 CSS3新特性 第6章 CSS3高级技术 第7章 SVG与响应式Web设计 第8章 CSS3过渡、变形和动画 第9章 表单 第10章 实现响应式Web设计