第1章 HTML5结构 1
1什么是HTML5 2
2 HTML5新增元素 3
2.1 HTML5结构元素 3
2.2 HTML5网页元素 9
2.3 HTML5废除的元素 11
2.4 HTML5全局属性 11
2.5 HTML5废除的属性 12
3 CSS3高级选择器 13
本章总结 20
本章作业 20
第2章 HTML5表单 21
1 HTML5表单在网页中的应用 22
2 HTML5新增的input类型 23
2.1 新增的input类型 23
2.1.1 email类型的应用 23
2.1.2 url类型的应用 25
2.1.3 number类型的应用 26
2.1.4 range类型的应用 27
2.1.5 Date pickers类型的应用 28
2.2 浏览器对HTML5的支持 31
3 HTML5新增的input属性 33
4自定义错误提示信息 37
4.1 validity属性 37
4.2 使用CSS设置验证样式 44
本章总结 44
本章作业 45
第3章 CSS3基础 46
1 CSS3边框效果 47
1.1 border-radius 47
1.2 border-image 53
1.3 box-shadow 55
2 CSS3文本效果 59
2.1 text-shadow 59
2.2 word-wrap 62
3 CSS3背景 63
4 CSS3字体 65
5设置CSS3透明度 67
本章总结 71
本章作业 71
第4章 CSS3高级特效 73
1 2D转换 74
1.1 translate（）方法 74
1.2 rotate（）方法 77
1.3 scale（）方法 80
1.4 skew（）方法 84
2 3D转换 86
2.1 3D转换的介绍 86
2.2 3D转换方法 88
2.2.1 3D位移 88
2.2.2 3D旋转 90
2.2.3 3D缩放 92
本章总结 99
本章作业 99
第5章 CSS3动画 101
1 transition属性 102
2 animation属性 110
2.1 创建动画 110
2.2 使用动画 112
2.3 动画实战演练 118
本章总结 127
本章作业 127
第6章 多媒体播放 129
1在网页中播放视频或音频 130
1.1 在网页中播放视频或音频 130
1.2 用canPlayType方法检测音频格式支持情况 137
2打造个性的视频播放器 138
本章总结 147
本章作业 147
第7章 使用canvas绘制图形 149
1 canvas基础 150
1.1 在页面上添加canvas元素 150
1.2 使用canvas绘制简单的图形 152
1.2.1 绘制直线 152
1.2.2 绘制三角形 154
1.2.3 绘制多边形 159
1.2.4 绘制矩形 160
1.2.5 绘制圆形 162
1.2.6 清空画布 166
2绘制贝塞尔曲线 167
2.1 绘制二次方贝塞尔曲线 168
2.2 绘制三次方贝塞尔曲线 169
3坐标变换 172
3.1 坐标位移 172
3.2 图形缩放 177
3.3 图形旋转 180
本章总结 183
本章作业 184
第8章 canvas高级功能 185
1 canvas高级功能 186
1.1 渐变 186
1.2 图形组合 194
1.3 创建阴影 196
1.4 绘制图像和文本 197
1.4.1 绘制图像 197
1.4.2 裁剪图像 201
1.4.3 画布状态的保存和恢复 202
1.4.4 create Pattern方法 203
1.4.5 绘制文本 204
2绘制风景时钟 207
本章总结 215
本章作业 215