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

版权声明 献词 致谢 引言 第 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