第1章
初识HTML5　1
1.1　HTML5概述　1
1.1.1　HTML5的发展历程　1
1.1.2　HTML5的优势　2
1.1.3　HTML5浏览器支持情况　3
1.1.4　创建第一个HTML5页面　4
1.2　HTML5基础　6
1.2.1　HTML5文档的基本格式　6
1.2.2　HTML5语法　7
1.2.3　HTML5的标记　8
1.2.4　标记的属性　9
1.2.5　HTML5文档头部相关
标记　11
1.3　文本控制标记　14
1.3.1　标题和段落相关标记　14
1.3.2　文本格式化标记　18
1.3.3　特殊字符标记　19
1.4　图像标记　20
1.4.1　常用图像格式　20
1.4.2　图像标记<img />　20
1.4.3　绝对路径和相对路径　24
1.5　超链接标记　25
1.5.1　创建超链接　25
1.5.2　锚点链接　26
1.6　阶段案例——制作HTML5百科
页面　28
1.6.1　分析效果图　28
1.6.2　制作页面　29
1.6.3　制作页面链接　32
本章小结　33
动手实践　33

第2章
HTML5的元素及属性　34
2.1　列表元素　34
2.1.1　ul元素　34
2.1.2　ol元素　35
2.1.3　dl元素　36
2.1.4　列表的嵌套应用　37
2.2　结构元素　38
2.2.1　header元素　38
2.2.2　nav元素　39
2.2.3　article元素　40
2.2.4　aside元素　41
2.2.5　section元素　42
2.2.6　footer元素　43
2.3　分组元素　44
2.3.1　figure元素和figcaption
元素　44
2.3.2　hgroup元素　45
2.4　页面交互元素　46
2.4.1　details元素和summary
元素　47
2.4.2　progress元素　47
2.4.3　meter元素　48
2.5　文本层次语义元素　49
2.5.1　time元素　49
2.5.2　mark元素　50
2.5.3　cite元素　51
2.6　全局属性　52
2.6.1　draggable属性　52
2.6.2　hidden属性　53
2.6.3　spellcheck属性　53
2.6.4　contenteditable属性　54
2.7　阶段案例——制作电影影评网　54
2.7.1　分析效果图　55
2.7.2　制作页面结构　56
本章小结　61
动手实践　61

第3章
CSS3入门　62
3.1　CSS简介　62
3.1.1　CSS概述　62
3.1.2　CSS的发展历史　63
3.1.3　CSS3浏览器支持情况　63
3.2　CSS核心基础　64
3.2.1　CSS样式规则　64
3.2.2　引入CSS样式表　65
3.2.3　CSS基础选择器　70
3.3　文本样式属性　75
3.3.1　字体样式属性　75
3.3.2　文本外观属性　79
3.4　CSS高级特性　88
3.4.1　CSS的层叠性和继承性　88
3.4.2　CSS的优先级　90
3.5　阶段案例——制作服装推广软文　93
3.5.1　分析效果图　93
3.5.2　制作页面结构　93
3.5.3　定义CSS样式　94
本章小结　95
动手实践　96

第4章
CSS3选择器　97
4.1　属性选择器　97
4.1.1　E[att^=value]属性选择器　97
4.1.2　E[att$=value]属性选择器　99
4.1.3　E[att*=value]属性选择器　100
4.2　关系选择器　101
4.2.1　子代选择器（>）　101
4.2.2　兄弟选择器（+、~）　102
4.3　结构化伪类选择器　104
4.3.1　:root选择器　104
4.3.2　:not选择器　105
4.3.3　:only-child?选择器　106
4.3.4　:first-child和:last-child
　选择器　107
4.3.5　:nth-child(n)和:nth-last-
　child(n)选择器　108
4.3.6　:nth-of-type(n)和:nth-
　last-of-type(n)选择器　109
4.3.7　:empty选择器　110
4.3.8　:target选择器　112
4.4　伪元素选择器　112
4.4.1　:before选择器　113
4.4.2　:after选择器　114
4.5　链接伪类　114
4.6　阶段案例——制作网页设计软件
列表　116
4.6.1　分析效果图　117
4.6.2　制作页面结构　117
4.6.3　定义CSS样式　119
本章小结　121
动手实践　121

第5章
CSS盒子模型　123
5.1　盒子模型概述　123
5.1.1　认识盒子模型　123
5.1.2　<div>标记　125
5.1.3　盒子模型的宽与高　126
5.2　盒子模型相关属性　127
5.2.1　边框属性　127
5.2.2　边距属性　136
5.2.3　box-shadow属性　139
5.2.4　box-sizing 属性　140
5.3　背景属性　141
5.3.1　设置背景颜色　142
5.3.2　设置背景图像　142
5.3.3　背景与图像不透明度的
设置　143
5.3.4　设置背景图像平铺　144
5.3.5　设置背景图像的位置　145
5.3.6　设置背景图像固定　147
5.3.7　设置背景图像的大小　147
5.3.8　设置背景的显示区域　149
5.3.9　设置背景图像的裁剪区域　150
5.3.10　设置多重背景图像　151
5.3.11　背景复合属性　153
5.4　渐变属性　155
5.4.1　线性渐变　155
5.4.2　径向渐变　156
5.4.3　重复渐变　158
5.5　阶段案例——制作音乐
排行榜　160
5.5.1　分析效果图　160
5.5.2　制作页面结构　161
5.5.3　定义CSS样式　162
本章小结　163
动手实践　164

第6章
浮动与定位　165
6.1　元素的浮动　165
6.1.1　元素的浮动属性float　165
6.1.2　清除浮动　168
6.2　overflow属性　174
6.3　元素的定位　176
6.3.1　元素的定位属性　176
6.3.2　静态定位static　177
6.3.3　相对定位relative　177
6.3.4　绝对定位absolute　178
6.3.5　固定定位fixed　181
6.3.6　z-index层叠等级属性　181
6.4　元素的类型与转换　181
6.4.1　元素的类型　181
6.4.2　<span>标记　184
6.4.3　元素的转换　185
6.5　阶段案例——制作网页
焦点图　187
6.5.1　分析效果图　187
6.5.2　制作页面结构　188
6.5.3　定义CSS样式　189
本章小结　191
动手实践　191

第7章
表单　193
7.1　认识表单　193
7.1.1　表单的构成　193
7.1.2　创建表单　194
7.2　表单的属性　195
7.3　input元素及属性　197
7.3.1　input元素的type属性　198
7.3.2　input元素的其他属性　204
7.4　其他表单元素　211
7.4.1　textarea元素　211
7.4.2　select元素　212
7.4.3　datalist元素　216
7.4.4　keygen元素?　216
7.4.5　output元素　217
7.5　CSS设置表单样式　218
7.6　阶段案例——制作信息登记表　220
7.6.1　分析效果图　221
7.6.2　制作页面结构　221
7.6.3　定义CSS样式　223
本章小结　226
动手实践　226

第8章
多媒体技术　227
8.1　HTML5多媒体的特性　227
8.2　多媒体的支持条件　227
8.2.1　视频和音频编解码器　228
8.2.2　多媒体的格式　228
8.2.3　支持HTML5视频和音频的
浏览器　229
8.3　嵌入视频和音频　230
8.3.1　在HTML5中嵌入视频　230
8.3.2　在HTML5中嵌入音频　232
8.3.3　音、视频中的source
元素　233
8.3.4　调用网页多媒体文件　234
8.4　设置视频的宽和高　235
8.5　HTML5音、视频的方法和
事件　237
8.6　HTML5音、视频的发展
趋势　238
8.7　阶段案例——制作音乐播放
界面　238
8.7.1　分析效果图　239
8.7.2　制作页面结构　239
8.7.3　定义CSS样式　240
本章小结　243
动手实践　243

第9章
CSS3高级应用　245
9.1　过渡　245
9.1.1　transition-property
属性　245
9.1.2　transition-duration
属性　247
9.1.3　transition-timing-function
　属性　248
9.1.4　transition-delay属性　249
9.1.5　transition属性　250
9.2　变形　250
9.2.1　transform属性　250
9.2.2　2D变形　251
9.2.3　3D变形　257
9.3　动画　262
9.3.1　@keyframes属性　262
9.3.2　animation-name
属性　263
9.3.3　animation-duration
属性　263
9.3.4　animation-timing-function
　属性　264
9.3.5　animation-delay属性　266
9.3.6　animation-iteration-count
　属性　266
9.3.7　animation-direction
属性　266
9.3.8　animation属性　268
9.4　阶段案例——制作工作日天气
预报　268
9.4.1　分析效果图　269
9.4.2　制作页面结构　270
9.4.3　定义CSS样式　271
9.4.4　制作CSS3动画　274
本章小结　280
动手实践　280

第10章
实战开发——制作电商网站
首页　281
10.1　准备工作　282
10.2　首页详细制作　286
本章小结　311
动手实践　311