响应式Web设计：HTML5和CSS3实战

《响应式Web设计：HTML5和CSS3实战》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、前端笔记米点优站关于作者译者序前言第1章HTML5、CSS3和响应式网页设计入门•1.1为什么智能手机很重要（而老版的IE不再重要）•1.2响应式设计一定是最佳选择吗•1.3响应式网页设计的定义•1.4为什么要在响应式设计上停滞不前1.5响应式网页设计示例•1.5.1下载视口调试工具•1.5.2在线创意源泉1.6为什么HTML5很优秀•1.6.1省时省力•1.6.2新增了语义化标签元素1.7CSS3为响应式设计和更多创新奠定了基础•1.7.1底线：CSS3不破坏任何东西•1.7.2CSS3如何解决日常设计问题1.8看呐，不用图片•CSS3还带来了什么•1.9HTML5和CSS3

2、现在就能用吗•1.10响应式网页设计不是灵丹妙药•1.11引导客户：网站不必在所有浏览器中表现一致前端笔记米点优站•1.12小结第2章媒体查询：支持不同的视口•2.1现在就能使用媒体查询•2.2为什么响应式设计需要媒体查询•2.2.1媒体查询语法•2.2.2媒体查询能检测那些特性•2.2.3用媒体查询改造我们的设计•2.2.4加载媒体查询的最佳方法•2.3我们的第一个响应式设计•2.3.1我们的设计是固定宽度的，不要惊讶•2.3.2响应式设计中要保证图片尽可能精简•2.3.3小视口下的内容剪切•2.4阻止移动浏览器自动调整页面大小•2.5针对不同视口宽度修正设计•2.6响应式设

3、计中内容始终优先•2.7媒体查询只是必要条件之一•我们需要流动布局•2.8小结第3章拥抱流式布局•3.1固定布局经不起未来考验•3.2为什么响应式设计需要百分比布局•3.3将网页从固定布局修改为百分比布局前端笔记米点优站•3.3.1需要牢记的公式•3.3.2设置百分比元素的上下文•3.3.3必须时刻牢记上下文•3.4用em替换px•3.5弹性图片•3.5.1让图片随视口缩放•3.5.2为特定图片指定特定规则•3.5.3给弹性图片设置阈值•3.5.4超级全能的max-width属性•3.6为不同的屏幕尺寸提供不同的图片•设置自适应图片•···把背景图片放在其他地方•3.7流动网格

4、布局和媒体查询的默契配合•3.8CSS网格系统•使用网格系统快速搭建网站•3.9小结第4章响应式设计中的HTML5•4.1HTML5的哪些部分现在就能用•4.1.1大多数网站可以用HTML5编写•4.1.2腻子脚本和Modernizr•4.2如何编写HTML5网页•4.2.1HTML5的精简之道•4.2.2HTML5标签的合理写法前端笔记米点优站•4.2.3伟大的标签万岁•4.2.4HTML的废弃零件•4.3HTML5的全新语义化元素•4.3.1