HTML5与CSS3基础教程（第9版）

图书标准信息

• 作者 [美]乔·卡萨博纳（Joe Casabona） 著；望以文 译
• 出版社 人民邮电出版社
• 出版时间 2021-10
• 版次 1
• ISBN 9787115573209
• 定价 109.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 256页

【内容简介】

本书系统地讲解了HTML5和CSS3基础知识以及实际运用技术，通过大量实例深入浅出地分析网页制作的方方面面。书中不仅介绍了文本、链接、媒体、表格、列表、表单等网页元素，而且介绍了如何为网页设计布局，添加动态效果等；另外，还涉及上线、测试、优化和无障碍性等内容。通过学习本书，初级水平的读者即可创建网站，而中高级水平的开发人员也可以快速了解HTML5新元素、CSS3的奇幻效果、响应式Web设计以及各种最佳实践。

【作者简介】

乔 ·卡萨博纳（Joe Casabona） 

前端工程师、技术图书作者、教师，硕士毕业于斯克兰顿大学软件工程专业，具有20年Web开发经验。录制了大量启蒙初学者的Web开发视频，涵盖HTML、CSS、响应式设计、WordPress，广受欢迎。曾与迪士尼、《国家地理》等合作Web开发项目。 

望以文 

有多年Web开发、产品设计与增长黑客经验，目前致力于推广UI设计稿智能生成前端源代码工具CodeFun。译有《HTML5与CSS3基础教程（第8版）》《设计体系：数字产品设计的系统化方法》等作品。微博@weakow。

【目录】

版权声明 

献词 

致谢 

引言 

第 1章 什么是HTML和CSS 1 

1．1 什么是HTML 1 

1．2 什么是CSS 3 

1．3 HTML和CSS是如何一起工作的 4 

1．4 小结 6 

第 2章 在计算机上创建网站 7 

2．1 使用文本编辑器 7 

2．2 使用高级工具 8 

2．3 网站目录结构与文件扩展名 9 

2．4 使用CodePen进行快速测试 11 

2．5 小结 11 

第3章 HTML语法 12 

3．1 HTML标签是怎样工作的 12 

3．2 添加注释 14 

3．3 创建HTML页面的结构 15 

3．4 标签 16 

3．5 什么是语义化标记 17 

3．6 小结 17 

第4章 基本的HTML元素 18 

4．1 HTML文本的格式化 18 

4．2 段落与标题 18 

4．3 列表 19 

4．4 引用块级文本 20 

4．5 行内文本的格式化 21 

4．6 对代码进行标记 22 

第5章 链接 25 

5．1 链接标记 25 

5．2 URL的结构 26 

5．3 内部链接与外部链接 27 

5．4 相对链接和绝对链接 27 

5．5 其他链接类型 29 

5．6 链接目标 30 

5．7 小结 31 

第6章 HTML结构与布局 32 

6．1 网页布局 32 

6．2 块级元素与行内元素 35 

6．3 页面区块 36 

6．4 建立博客文章的布局 38 

6．5 小结 41 

第7章 媒体 42 

7．1 Web上的媒体是如何工作的 42 

7．2 图像 43 

7．3 在网页中添加图像 45 

7．4 响应式图像：考虑不同的设备和网络环境 47 

7．5 元素 49 

7．6 使用SVG 49 

7．7 其他媒体 52 

7．8 嵌入视频 53 

7．9 嵌入音频 54 

7．10 存放多媒体文件 55 

7．11 小结 57 

第8章 表格与其他结构化数据元素 58 

8．1 表格 58 

8．2 描述列表 62 

8．3 为什么结构化数据很重要 64 

8．4 小结 66 

第9章 Web表单 67 

9．1 用户与网页的交互 67 

9．2 Web表单的工作方式 68 

9．3 HTML表单的组成部分 69 

9．4 元素 69 

9．5 表单字段 70 

9．6 为字段添加标签 73 

9．7 创建基础表单 74 

9．8 创建选择框 74 

9．9 创建单选按钮 76 

9．10 创建复选框 76 

9．11 创建电子邮件表单 77 

9．12 特殊字段类型 78 

9．13 元素 80 

9．14 对表单进行校验 80 

9．15 小结 82 

第 10章 高级实验性功能 83 

10．1 事关浏览器的支持情况 83 

10．2 高级元素 86 

10．3 实验性功能 88 

10．4 小结 89 

第 11章 CSS简介 90 

11．1 什么是样式 90 

11．2 层叠的含义 91 

11．3 CSS语法 91 

11．4 在网页上使用CSS 93 

11．5 外部样式表 95 

11．6 在CSS代码中添加注释 95 

11．7 小结 96 

第 12章 定位元素 97 

12．1 通过标签定位元素 97 

12．2 按类定位元素 99 

12．3 层叠、继承和父子关系 101 

12．4 通过元素之间的关系选择元素 102 

12．5 层叠的特殊性和优先级 104 

12．6 用特定的属性定位元素 105 

12．7 高级定位方法 106 

12．8 小结 108 

第 13章 为文本设置样式 109 

13．1 选择字体 109 

13．2 Google字体 112 

13．3 使用@font-face引入外部字体 114 

13．4 设置文本大小 117 

13．5 设置文字格式 118 

13．6 提高可读性 121 

13．7 小结 123 

第 14 章 CSS中的颜色 124 

14．1 计算机显示器的工作原理 124 

14．2 在CSS中表示颜色 125 

14．3 渐变色 129 

14．4 border属性 132 

14．5 小结 133 

第 15章 使用 CSS 进行页面布局 134 

15．1 盒模型 134 

15．2 内边距与外边距 138 

15．3 元素流 141 

15．4 创建层和叠放元素 146 

15．5 使用z-index创建弹窗 147 

15．6 关于网页布局的一些说明 148 

15．7 小结 148 

第 16章 CSS网格和Flexbox布局 149 

16．1 一个重要问题的现代解决方案 149 

16．2 使用Flexbox 153 

16．3 使用CSS网格布局 160 

16．4 浏览器支持情况 164 

16．5 小结 165 

第 17章 响应式设计与媒体查询 166 

17．1 定义媒体查询 166 

17．2 响应式布局 168 

17．3 创建响应式全宽布局 170 

17．4 不只是屏幕宽度 174 

17．5 小结 177 

第 18章 CSS 变形与动画 178 

18．1 CSS过渡 178 

18．2 CSS变形 180 

18．3 CSS动画 183 

18．4 小结 187 

第 19章 CSS变量 188 

19．1 什么是变量 188 

19．2 用变量简化样式 191 

19．3 对变量进行计算 192 

19．4 小结 194 

第 20章 CSS预处理器 195 

20．1 CSS预处理器是如何工作的 195 

20．2 Sass入门 196 

20．3 编写Sass 199 

20．4 小结 205 

第 21章 网站上线 206 

21．1 选择托管商和域名 206 

21．2 上线前检查 210 

21．3 将网站上线 211 

21．4 测试网站 213 

21．5 小结 214 

第 22 章 测试网站 215 

22．1 为什么要测试网站 215 

22．2 验证标记 216 

22．3 浏览器测试 217 

22．4 设备测试 219 

22．5 使用Chrome开发者工具进行故障排查 221 

22．6 小结 224 

第 23章 提升网站性能 225 

23．1 性能的含义 225 

23．2 了解网站的性能 226 

23．3 性能测试工具 226 

23．4 压缩 HTML和CSS文件 229 

23．5 优化图像 231 

23．6 优先加载关键CSS 234 

23．7 小结 237 

第 24 章 Web无障碍性 238 

24．1 涵盖尽可能多的人 238 

24．2 截至目前的效果 240 

24．3 额外的标签和属性 241 

24．4 无障碍性测试和验证 242 

24．5 确定WCAG等级 245 

24．6 小结 246 

第 25章 HTML和CSS之外 247 

25．1 JavaScript 247 

25．2 常见的JavaScript库 248 

25．3 版本控制 250 

25．4 构建工具 253 

25．5 小结 255 

总结 256