【前端开发】电子书 - 响应式Web设计：HTML5和CSS3实战.第2版

书籍封面

书籍目录

封面

版权

前言

目录

第1章 响应式Web设计基础

1.1　定义需求

1.2　什么是响应式Web设计

响应式Web设计的由来

1.3　浏览器支持

关于工具和文本编辑器

1.4　第一个响应式的例子

1.4.1　HTML

1.4.2　图片

1.4.3　媒体查询

1.5　示例的不足之处

1.6　小结

第2章 媒体查询

2.1　为什么响应式Web设计需要媒体查询

CSS中基本的条件逻辑

2.2　媒体查询的语法

在link标签中使用媒体查询

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设计

4.1　得到普遍支持的HTML5标记

4.2　开始写HTML5网页

4.2.1　doctype

4.2.2　HTML标签与lang属性

4.2.3　指定替代语言

4.2.4　字符编码

4.3　宽容的HTML5

4.3.1　理性编写HTML5

4.3.2　向标签致敬

4.4　HTML5的新语义元素

4.4.1　

4.4.2