第1章　HTML概述　1
1.1 HTML简介　1
1.1.1 HTML的发展历程　1
1.1.2 HTML5的优势　2
1.1.3 HTML5的浏览器支持情况　4
1.1.4 创建第一个HTML5页面　5
1.2 HTML5基础　8
1.2.1 HTML5文档的基本格式　8
1.2.2 HTML5语法　9
1.2.3 HTML标签　10
1.2.4 标签的属性　12
1.2.5 HTML5文档头部相关标签　14
1.3 文本控制标签　18
1.3.1 标题和段落标签　18
1.3.2 文本格式化标签　22
1.3.3 特殊字符　23
1.4 图像标签　24
1.4.1 常用图像格式　24
1.4.2 图像标签　24
1.4.3 绝对路径和相对路径　27
1.5 阶段案例——制作学院简介页面　28
1.5.1 分析效果图　28
1.5.2 制作页面　29
本章小结　29
第2章　HTML5标签及属性　30
2.1 列表标签　30
2.1.1 无序列表标签　30
2.1.2 有序列表标签　32
2.1.3 定义列表标签　33
2.1.4 列表的嵌套应用　35
2.2 超链接标签　36
2.2.1 创建超链接　36
2.2.2 内部书签　37
2.3 结构标签　38
2.3.1 <header>标签　38
2.3.2 <nav>标签　39
2.3.3 <article>标签　40
2.3.4 <aside>标签　41
2.3.5 <section>标签　41
2.3.6 <footer>标签　42
2.4 分组标签　43
2.4.1 <figure>标签和<figcaption>标签　43
2.4.2 <hgroup>标签　44
2.5 页面交互标签　46
2.5.1 <details>标签和<summary>标签　46
2.5.2 <progress>标签　46
2.5.3 <meter>标签　47
2.6 文本层次语义标签　48
2.6.1 <time>标签　48
2.6.2 <mark>标签　49
2.6.3 <cite>标签　50
2.7 全局属性　51
2.7.1 draggable属性　51
2.7.2 hidden属性　52
2.7.3 spellcheck属性　52
2.7.4 contenteditable属性　53
2.8 阶段案例——制作专业宣传页面　54
2.8.1 分析效果图　55
2.8.2 制作页面　55
本章小结　58
第3章　CSS3入门　59
3.1 CSS3概述　59
3.1.1 认识CSS　59
3.1.2 CSS3发展历程　61
3.1.3 CSS3的浏览器支持情况　62
3.2 CSS核心基础　63
3.2.1 CSS样式规则　63
3.2.2 引入CSS样式表　64
3.2.3 CSS基础选择器　68
3.3 文本样式属性　73
3.3.1 字体属性　73
3.3.2 文本属性　77
3.4 CSS高级特性　86
3.4.1 层叠性和继承性　86
3.4.2 优先级　87
3.5 阶段案例——制作励志故事页面　89
3.5.1 分析效果图　90
3.5.2 制作页面　90
3.5.3 定义CSS样式　92
本章小结　94
第4章　CSS3选择器　95
4.1 属性选择器　95
4.1.1 E[att]属性选择器　95
4.1.2 E[att=value]属性选择器　96
4.1.3 E[att^=value]属性选择器　97
4.1.4 E[att$=value]属性选择器　98
4.1.5 E[att*=value]属性选择器　99
4.2 层次选择器　101
4.2.1 后代选择器和子代选择器　101
4.2.2 兄弟选择器　102
4.3 结构伪类选择器　103
4.3.1 基本结构伪类选择器　104
4.3.2 与元素位置有关的结构伪类选择器　107
4.4 伪元素选择器　112
4.4.1 :first-letter和:first-line选择器　112
4.4.2 :before选择器和:after选择器　113
4.5 阶段案例——制作Office简介页面　114
4.5.1 分析效果图　114
4.5.2 制作页面　116
4.5.3 定义CSS样式　118
本章小结　119
第5章　CSS盒子模型　120
5.1 盒子模型概述　120
5.1.1 认识盒子模型　120
5.1.2 <div>标签　122
5.2 盒子模型相关属性　123
5.2.1 宽度和高度　123
5.2.2 边框　124
5.2.3 边距　135
5.2.4 box-shadow　138
5.2.5 box-sizing　139
5.3 背景属性　141
5.3.1 背景颜色　141
5.3.2 背景图片　142
5.3.3 背景透明度　143
5.3.4 背景图片的平铺　144
5.3.5 背景图片的位置　144
5.3.6 背景图片固定　146
5.3.7 背景图片的大小　147
5.3.8 背景的显示区域　148
5.3.9 背景图片的裁剪区域　149
5.3.10 多重背景图片　150
5.3.11 背景复合属性　151
5.4 CSS渐变属性　152
5.4.1 线性渐变　152
5.4.2 径向渐变　154
5.4.3 重复渐变　155
5.5 阶段案例——制作盒子模型页面　157
5.5.1 分析效果图　158
5.5.2 制作页面　158
5.5.3 定义CSS样式　159
本章小结　161
第6章　元素的浮动与定位　162
6.1 元素的浮动　162
6.1.1 浮动属性float　162
6.1.2 清除浮动　164
6.2 overflow属性　166
6.3 元素的定位　168
6.3.1 定位属性　169
6.3.2 静态定位　170
6.3.3 相对定位　170
6.3.4 绝对定位　170
6.3.5 固定定位　173
6.3.6 z-index层叠顺序属性　173
6.4 标签的类型与转换　174
6.4.1 标签的类型　174
6.4.2 <span>标签　176
6.4.3 标签的转换　177
6.5 阶段案例——制作瓢城旅行社首页　178
6.5.1 制作页面　179
6.5.2 定义CSS样式　179
本章小结　182
第7章　表单的应用　183
7.1 定义表单　183
7.2 <input>标签　186
7.3 其他表单标签　193
7.3.1 文本域　193
7.3.2 选择列表　194
7.3.3 <datalist>标签　196
7.3.4 <label>标签　197
7.3.5 <keygen>标签　200
7.3.6 <output>标签　200
7.4 表单新增属性　201
7.5 表单样式案例——用户登录页面　207
7.6 阶段案例——制作用户注册页面　209
7.6.1 分析效果图　210
7.6.2 制作页面　211
7.6.3 定义CSS样式　212
本章小结　213
第8章　HTML5音视频技术　214
8.1 HTML5支持的视频和音频格式　214
8.1.1 <video>标签支持的视频格式　214
8.1.2 <audio>标签支持的音频格式　214
8.2 在HTML5中嵌入视频文件　215
8.3 在HTML5中嵌入音频文件　217
8.4 阶段案例——制作歌曲播放页面　218
8.4.1 分析效果图　218
8.4.2 制作页面　219
8.4.3 定义CSS样式　221
本章小结　223
第9章　CSS3高级应用　224
9.1 过渡　224
9.1.1 transition-property属性　224
9.1.2 transition-duration属性　226
9.1.3 transition-timing-function属性　227
9.1.4 transition-delay属性　229
9.1.5 transition复合属性　229
9.2 变形　230
9.2.1 2D转换　230
9.2.2 3D转换　238
9.3 动画　248
9.3.1 关键帧　248
9.3.2 动画属性　249
9.3.3 案例演示　251
9.4 阶段案例——制作宇宙中星球自转公转动画页面　255
9.4.1 案例描述　256
9.4.2 案例分析　256
9.4.3 案例实现　257
本章小结　260
第10章　跨平台移动Web技术　261
10.1 响应式Web设计　261
10.1.1 响应式Web设计简介　261
10.1.2 响应式Web设计相关技术　263
10.2 媒体查询　263
10.2.1 CSS2媒体查询　263
10.2.2 CSS3媒体查询的用法　263
10.2.3 媒体查询常用尺寸及代码　266
10.2.4 案例演示　266
10.3 流式布局　270
10.3.1 创建流式布局　270
10.3.2 CSS3流式布局　272
10.3.3 案例演示　274
10.4 Flexbox布局　281
10.4.1 Flexbox简介　281
10.4.2 基本概念　282
10.4.3 Flexbox属性　282
10.4.4 可伸缩项目的属性　292
10.4.5 案例演示　298
本章小结　304