第1章　HTML5+CSS3网页设计概述 1
1.1　网页概述 1
1.1.1　认识网页 1
1.1.2　网页名词解释 3
1.1.3　Web标准 4
1.2　网页制作入门 6
1.2.1　HTML 6
1.2.2　CSS 7
1.2.3　JavaScript 8
1.2.4　网页的展示平台—浏览器 9
1.3　网页代码编辑工具 12
1.3.1　Visual Studio Code的安装和设置 12
1.3.2　Visual Studio Code的使用 15
1.4　阶段案例—创建第 一个网页 17
1.5　本章小结 17
1.6　课后练习 18
第2章　初识HTML5 19
2.1　HTML5的优势 19
2.2　HTML5的基本结构 20
2.3　标签概述 21
2.3.1　标签的分类 22
2.3.2　标签间的关系 23
2.3.3　标签的属性 23
2.3.4　HTML5头部相关标签 24
2.4　文本控制标签 25
2.4.1　页面格式化标签 25
2.4.2　文本格式化标签 28
2.4.3　HTML实体 29
2.5　图像标签 30
2.5.1　常见图像格式 30
2.5.2　插入图像 31
2.6　阶段案例—制作新闻页面 37
2.7　本章小结 37
2.8　课后练习 37
第3章　初识CSS3 38
3.1　结构与表现分离 38
3.2　CSS3的优势 39
3.3　CSS核心基础 40
3.3.1　CSS样式规则 40
3.3.2　引入CSS样式 41
3.3.3　CSS基础选择器 45
3.4　设置文本样式 47
3.4.1　字体样式属性 47
3.4.2　文本外观属性 51
3.5　CSS核心进阶 60
3.5.1　CSS复合选择器 60
3.5.2　CSS层叠性和继承性 63
3.5.3　CSS优先级 65
3.6　阶段案例—制作活动通知页面 68
3.7　本章小结 68
3.8　课后练习 68
第4章　CSS3中其他类型的选择器 69
4.1　属性选择器 69
4.1.1　E[attribute^=value]选择器 69
4.1.2　E[attribute$=value]选择器 70
4.1.3　E[attribute*=value]选择器 71
4.2　关系选择器 72
4.2.1　子代关系选择器 72
4.2.2　兄弟关系选择器 73
4.3　结构化伪类选择器 75
4.3.1　:root选择器 75
4.3.2　:not选择器 76
4.3.3　:only-child选择器 77
4.3.4　:first-child选择器和:last-child选择器 78
4.3.5　:nth-child(n)选择器和:nth-last-child(n)选择器 79
4.3.6　:first-of-type选择器和:last-of-type选择器 80
4.3.7　:nth-of-type(n)选择器和:nth-last-of-type(n)选择器 81
4.3.8　:empty选择器 83
4.4　伪元素选择器 84
4.4.1　::before选择器 84
4.4.2　::after选择器 85
4.5　阶段案例—制作列车时刻表 87
4.6　本章小结 87
4.7　课后练习 87
第5章　盒子模型 88
5.1　认识盒子模型 88
5.2　盒子模型的相关属性 90
5.2.1　边框属性 90
5.2.2　内边距属性 96
5.2.3　外边距属性 98
5.2.4　背景属性 99
5.2.5　宽度属性与高度属性 104
5.3　CSS3新增盒子模型属性 105
5.3.1　透明度 105
5.3.2　圆角边框 106
5.3.3　图像边框 109
5.3.4　阴影 111
5.3.5　渐变 113
5.3.6　多背景图像 118
5.3.7　调整背景图像的属性 119
5.4　元素的类型和转换 120
5.4.1　元素的类型 120
5.4.2　<div>标签和<span>标签 121
5.4.3　元素类型的转换 124
5.5　块元素垂直外边距的合并 126
5.5.1　相邻块元素垂直外边距的合并 126
5.5.2　嵌套块元素垂直外边距的合并 127
5.6　阶段案例—制作音乐排行榜 128
5.7　本章小结 129
5.8　课后练习 129
第6章　列表和超链接 130
6.1　列表标签 130
6.1.1　无序列表 130
6.1.2　有序列表 131
6.1.3　定义列表 133
6.1.4　列表的嵌套 134
6.2　CSS列表样式属性 135
6.2.1　list-style-type属性 135
6.2.2　list-style-image属性 137
6.2.3　list-style-position属性 137
6.2.4　list-style属性 139
6.3　超链接标签 140
6.3.1　创建超链接 141
6.3.2　锚点链接 142
6.4　用链接伪类控制超链接 144
6.5　阶段案例—制作新闻列表 146
6.6　本章小结 146
6.7　课后练习 146
第7章　表格和表单 147
7.1　表格 147
7.1.1　创建表格 147
7.1.2　表格标签的属性 149
7.1.3　用CSS控制表格样式 152
7.2　表单 157
7.2.1　表单的构成 157
7.2.2　创建表单 158
7.3　表单控件 159
7.3.1　<input>标签 159
7.3.2　<textarea>标签 162
7.3.3　<select>标签 164
7.4　HTML5表单新属性 167
7.4.1　新的<form>标签属性 167
7.4.2　新的表单控件 168
7.4.3　新的<input>标签属性 174
7.5　用CSS控制表单样式 180
7.6　阶段案例—制作表单注册页面 183
7.7　本章小结 184
7.8　课后练习 184
第8章　DIV+CSS布局 185
8.1　布局概述 185
8.2　布局常用属性 187
8.2.1　浮动属性 187
8.2.2　定位属性 192
8.3　布局其他属性 197
8.3.1　overflow属性 197
8.3.2　z-index属性 199
8.4　布局类型 199
8.4.1　单列布局 200
8.4.2　两列布局 201
8.4.3　三列布局 202
8.5　全新的HTML5结构标签 206
8.6　网页模块命名规范 209
8.7　阶段案例—制作通栏banner 210
8.8　本章小结 210
8.9　课后练习 211
第9章　多媒体嵌入 212
9.1　多媒体嵌入技术概述 212
9.2　视频和音频文件的格式 214
9.3　嵌入视频和音频 215
9.3.1　在HTML5中嵌入视频 215
9.3.2　在HTML5中嵌入音频 217
9.3.3　视频、音频文件的兼容性问题 218
9.3.4　调用网络视频、音频文件 219
9.4　用CSS控制视频的宽度和高度 220
9.5　阶段案例—制作音乐播放页面 222
9.6　本章小结 222
9.7　课后练习 222
第10章　过渡、变形和动画 223
10.1　过渡 223
10.1.1　transition-property属性 223
10.1.2　transition-duration属性 225
10.1.3　transition-timing-function属性 225
10.1.4　transition-delay属性 227
10.1.5　transition属性 227
10.2　变形 228
10.2.1　认识transform 228
10.2.2　2D变形 228
10.2.3　3D变形 234
10.3　动画 241
10.3.1　@keyframes规则 241
10.3.2　animation-name属性 242
10.3.3　animation-duration属性 242
10.3.4　animation-timing-function属性 243
10.3.5　animation-delay属性 245
10.3.6　animation-iteration-count属性 245
10.3.7　animation-direction属性 245
10.3.8　animation属性 247
10.4　阶段案例—制作表情动画 247
10.5　本章小结 248
10.6　课后练习 248
第11章　绘图和数据存储 249
11.1　JavaScript基础内容 249
11.1.1　JavaScript的引入 250
11.1.2　变量 252
11.1.3　document对象 253
11.2　HTML5画布 254
11.2.1　认识画布 254
11.2.2　使用画布 255
11.2.3　绘制线 255
11.2.4　线的样式 257
11.2.5　线的路径 258
11.2.6　填充图形 260
11.2.7　绘制圆 260
11.3　HTML5数据存储基础 261
11.3.1　原始存储方式—Cookie 261
11.3.2　HTML5全新的存储技术—Web Storage 262
11.4　阶段案例—绘制火柴人 263
11.5　本章小结 264
11.6　课后练习 264
第12章　实战开发—制作企业网站页面 265
12.1　网站设计规划 265
12.1.1　确定网站主题 265
12.1.2　规划网站结构 266
12.1.3　收集素材 267
12.1.4　设计网页效果图 267
12.2　创建项目根目录 270
12.3　搭建首页 270
12.4　制作模板 270
12.5　使用模板搭建网页 270
12.6　本章小结 271