第1章	HTML5+CSS3网页设计概述	1
1.1 网页概述	1
1.1.1 认识网页	2
1.1.2 网页名词解释	3
1.1.3 Web标准	5
1.2 网页制作入门	7
1.2.1 HTML	7
1.2.2 CSS	8
1.2.3 JavaScript	9
1.2.4 网页的展示平台——浏览器	10
1.3 Visual Studio Code网页代码编辑工具	14
1.3.1 VS Code的安装和设置	14
1.3.2 VS Code的使用	18
1.4 阶段案例——创建第一个网页	21
1.5 本章小结	23
1.6 课后练习	23
第2章	识HTML5	23
2.1 HTML5的优势	24
2.2 HTML5的基本结构	25
2.3 标签概述	27
2.3.1 标签的分类	27
2.3.2 标签的关系	28
2.3.3 标签的属性	29
2.3.4 HTML5头部相关的标签	29
2.4 文本控制标签	31
2.4.1 页面格式化标签	31
2.4.2 文本格式化标签	34
2.4.3 特殊字符	36
2.5 图像标签	37
2.5.1 常见图像格式	37
2.5.2 插入图像	38
2.5.3 绝对路径和相对路径	44
2.6 阶段案例——制作新闻页面	45
2.7 本章小结	49
2.8 课后练习	49
第3章	初识CSS3	49
3.1 结构与表现分离	50
3.2 CSS3的优势	51
3.3 CSS核心基础	52
3.3.1 CSS样式规则	52
3.3.2 引入CSS样式	53
3.3.3 CSS基础选择器	57
3.4 设置文本样式	60
3.4.1 字体样式属性	60
3.4.2 文本外观属性	65
3.5 CSS核心进阶	76
3.5.1 CSS复合选择器	76
3.5.2 CSS层叠性和继承性	80
3.5.3 CSS优先级	82
3.6 阶段案例——制作活动通知页面	85
3.7 本章小结	89
3.8 课后练习	89
第4章	CSS3其他类型选择器	90
4.1 属性选择器	90
4.1.1	E[attribute^=value]属性选择器	90
4.1.2	E[att$=value]属性选择器	91
4.1.3	E[att*=value]属性选择器	92
4.2 关系选择器	94
4.2.1 子代关系选择器	94
4.2.2 兄弟关系选择器	95
4.3 结构化伪类选择器	97
4.3.1 :root选择器	97
4.3.2 :not选择器	98
4.3.3 :only-child选择器	99
4.3.4 :first-child和:last-child选择器	100
4.3.5 :nth-child(n)和:nth-last-child(n)选择器	101
4.3.6 :first-of-type选择器和:last-of-type选择器	102
4.3.7 :nth-of-type(n)和:nth-last-of-type(n)选择器	104
4.3.8 :empty选择器	105
4.4 伪元素选择器	106
4.4.1 ::before选择器	106
4.4.2 ::after选择器	108
4.5 阶段案例——制作列车时刻表	110
4.6 本章小结	114
4.7 课后练习	114
第5章	盒子模型	115
5.1 认识盒子模型	115
5.2 盒子模型的相关属性	117
5.2.1 边框属性	118
5.2.2 内边距属性	124
5.2.3 外边距属性	126
5.2.4 背景属性	127
5.2.5 宽度属性与高度属性	133
5.3 CSS3新增盒子模型属性	134
5.3.1 透明度	135
5.3.2 圆角边框	136
5.3.3 图像边框	140
5.3.4 阴影	142
5.3.5 渐变	144
5.3.6 多背景图像	150
5.3.7 调整背景图像的属性	151
5.4 元素的类型和转换	152
5.4.1 元素的类型	153
5.4.2 <div>标签和<span>标签	154
5.4.3 元素类型的转换	157
5.5 块元素垂直外边距的合并	159
5.5.1 相邻块元素垂直外边距的合并	160
5.5.2 嵌套块元素垂直外边距的合并	161
5.6 阶段案例——制作音乐排行榜	163
5.7 本章小结	168
5.8 课后练习	169
第6章	列表和超链接	169
6.1 列表标签	169
6.1.1 无序列表	169
6.1.2 有序列表	171
6.1.3 定义列表<dl>	172
6.1.4 列表的嵌套	174
6.2 CSS控制列表样式	175
6.2.1 list-style-type属性	175
6.2.2 list-style-image属性	177
6.2.3 list-style-position属性	178
6.2.4 list-style属性	179
6.3 超链接标签	181
6.3.1 创建超链接	181
6.3.2 锚点链接	183
6.4 链接伪类控制超链接	185
6.5 阶段案例—制作新闻列表	187
6.6 本章小结	191
6.7 课后练习	192
第7章	表格和表单	192
7.1 表格	192
7.1.1 创建表格	192
7.1.2 表格标签的属性	195
7.1.3 CSS控制表格样式	198
7.2 表单	204
7.2.1 表单的构成	204
7.2.2 创建表单	204
7.3 表单控件	206
7.3.1 input控件	206
7.3.2 textarea控件	209
7.3.3 select控件	211
7.4 HTML5表单新属性	215
7.4.1 全新的form属性	215
7.4.2 全新的表单控件	216
7.4.3 全新的input属性	223
7.5 CSS控制表单样式	230
7.6 阶段案例—制作表单注册页面	233
7.7 本章小结	241
7.8 课后练习	241
第8章	DIV+CSS布局	241
8.1 布局概述	242
8.2 布局常用属性	244
8.2.1 浮动属性	244
8.2.2 定位属性	251
8.3 布局其他属性	256
8.3.1 overflow属性	257
8.3.2 Z-index属性	259
8.4 布局类型	260
8.4.1 单列布局	260
8.4.2 两列布局	261
8.4.3 三列布局	263
8.5 全新的HTML5结构标签	267
8.6 网页模块命名规范	271
8.7 阶段案例——制作通栏banner	272
8.8 本章小结	277
8.9 课后练习	277
第9章	多媒体嵌入	278
9.1 视频和音频嵌入技术概述	279
9.2 视频和音频文件的格式	281
9.3 嵌入视频和音频	282
9.3.1 在HTML5中嵌入视频	282
9.3.2 在HTML5中嵌入音频	284
9.3.3 视频、音频文件的兼容性问题	285
9.3.4 调用网络音频、视频文件	287
9.4 CSS控制视频的宽度和高度	287
9.5 阶段案例—制作音乐播放页面	290
9.6 本章小结	295
9.7 课后练习	295
第10章 过渡、变形和动画	295
10.1	过渡	296
10.1.1	transition-property属性	296
10.1.2	transition-duration属性	297
10.1.3	transition-timing-function属性	298
10.1.4	transition-delay属性	299
10.1.5	transition属性	300
10.2	变形	301
10.2.1	认识transform	301
10.2.2	2D变形	301
10.2.3	3D变形	309
10.3	动画	318
10.3.1	@keyframes规则	319
10.3.2	animation-name属性	320
10.3.3	animation-duration属性	320
10.3.4	animation-timing-function属性	321
10.3.5	animation-delay属性	323
10.3.6	animation-iteration-count属性	323
10.3.7	animation-direction属性	324
10.3.8	animation属性	325
10.4	阶段案例——制作表情动画	325
10.4.1	分析效果图	326
10.4.2	制作页面结构	327
10.4.3	定义CSS样式	328
10.5	本章小结	331
10.6	课后练习	331
第11章	绘图和数据存储	331
11.1 JavaScript基础内容	332
11.1.1 JavaScript的引入	333
11.1.2 变量	336
11.1.3 document对象	337
11.2 HTML5画布	339
11.2.1 认识画布	339
11.2.2 使用画布	339
11.2.3 绘制线	340
11.2.4 线的样式	342
11.2.5 线的路径	343
11.2.6 填充路径	346
11.2.7 绘制圆	346
11.3 HTML5数据存储基础	348
11.3.1 原始存储方式——Cookie	348
11.3.2 HTML5全新的存储技术——web storage	349
11.4 阶段案例——绘制火柴人	350
11.5 本章小结	353
11.6 课后练习	353
第12章	实战开发—制作企业网站页面	354
12.1	网站设计规划	354
12.1.1	确定网站主题	354
12.1.2	规划网站结构	355
12.1.3	收集素材	356
12.1.4	设计网页效果图	357
12.2	创建项目根目录	362
12.3	搭建首页	362
12.3.1	效果图分析	362
12.3.2	首页制作	364
12.4	制作模板	378
12.4.1	制作公共样式文件	378
12.4.2	安装和使用Snippet Generator插件	378
12.4.3	设置公共结构代码	380
12.5	使用模板搭建网页	381
12.5.1	搭建注册页	382
12.5.2	搭建个人中心页	384
12.5.3	搭建视频播放页	389
12.6	本章小结	395