书籍详情
HTML5与CSS3基础教程(第9版)
作者:[美] 乔·卡萨博纳(Joe Casabona) 著,望以文 译
出版社:人民邮电出版社
出版时间:2021-10-01
ISBN:9787115573209
定价:¥109.80
购买这本书可以去
内容简介
本书系统地讲解了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
献词
致谢
引言
第 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
猜您喜欢