目录
第1章 HTML5概述及新增标签和属性 1
1.1 HTML5简介 2
1.1.1 什么是HTML5 2
1.1.2 发展历程 2
1.1.3 设计目的 4
1.1.4 特性 4
1.1.5 沿革 5
1.1.6 规范 6
1.1.7 应用须知 7
1.1.8 漏洞 7
1.1.9 优点缺点 8
1.2 HTML5文档 9
1.2.1 9
1.2.2 HTML5 浏览器支持 10
1.2.3 将 HTML5 元素定义为块元素 10
1.2.4 为 HTML 添加新元素 11
1.2.5 Internet Explorer 浏览器问题 11
1.2.6 完美的 Shiv 解决方案 12
1.3 新的语义和结构元素 13
1.3.1 新的语义和结构元素 13
1.3.2 已移除的元素 21

第2章 HTML5拖放 23
2.1 拖放 24
2.1.1 什么是拖放 24
2.1.2 浏览器支持 24
2.1.3 什么是拖放和释放 24
2.1.4 什么是源对象和目标对象 24
2.1.5 html5拖放实现 25
2.2 异步Ajax拖放上传 32

第3章 多媒体组件及API开发 40
3.1 视频编码和解码 41
3.2 HTML5 Audio(音频) 41
3.3 HTML5 Video(视频) 43
3.4 HTML5 多媒体组件API开发 46
3.4.1 打造自己的播放器 48

第4章 表单新功能解析及地理位置定位 55
4.1 HTML5 新的 Input 类型 56
4.2 HTML5 表单元素 62
4.3 HTML5 表单属性 64
4.4 Geolocation（地理定位） 72

第5章 Canvas路径和三角函数的故事 82
5.1 什么是SVG 83
5.2 SVG与Canvas两者间的区别 85
5.3 HTML5 Canvas 85
5.3.1 什么是canvas 85
5.3.2 创建一个画布（Canvas） 85
5.3.3 使用 JavaScript 来绘制图像 86
5.3.4 Canvas坐标 87
5.3.5 图形修饰 88
5.4 Canvas路径 94
5.4.1 绘制矩形 95
5.4.2 绘制路径 97
5.4.3 圆弧和曲线的绘制 103
5.4.4 裁剪区域 107

第6章 Canvas矩阵转换 109
6.1 移动Translating 111
6.2 旋转Rotating 113
6.3 缩放Scaling 116
6.4 矩阵变换 118
6.4.1 矩阵基础知识 119
6.4.2 Canvas中的transform，setTransform 128
6.4.3 transform()和setTransform()区别 139

第7章 Canvas图像及文字操作 143
7.1 绘制文本 144
7.1.1 绘制文本的方法 144
7.1.2 绘制文本的属性 147
7.2 图像绘制 151
7.2.1 drawImage()方法 151
7.2.2 像素操作 154
7.2.3 合成 159

第8章 CSS3简介及新增选择器 165
8.1 CSS3简介 166
8.1.1 发展进程 166
8.1.2 新增特性 167
8.1.3 优势 170
8.2 CSS增选择器 170
8.2.1 什么是选择器 170
8.2.2 CSS选择器特性 173
8.2.3 权重问题 174
8.3 CSS3新增选择器 175
8.3.1 后代级别选择器 175
8.3.2 同辈级别选择器 182
8.3.3 伪类选择器 188
8.3.4 属性选择器 189
8.3.5 UI伪类选择器 191

第9章 响应式设计与弹性盒子 196
9.1 Viewport 197
9.1.1 什么是 Viewport 197
9.1.2 设置Viewport 197
9.2 网格视图 198
9.2.1 什么是网格视图? 198
9.2.2 创建响应式网格视图 198
9.3 响应式布局 201
9.3.1 什么是响应式布局 201
9.3.2 优点和缺点 201
9.3.3 设计思路 201
9.4 响应式图片 212
9.5 响应式视频(Video) 216
9.6 响应式框架 216
9.7 CSS3 弹性盒子(Flex Box) 217

第10章 边框，背景，文本模型 232
10.1 CSS3边框 233
10.1.1 CSS3圆角 233
10.1.2 CSS3边框阴影 233
10.1.3 CSS3边框图片 235
10.2 CSS3背景 236
10.2.1 CSS3 background-size 属性 236
10.2.2 CSS3 background-origin 属性 237
10.2.3 CSS3多重背景图片 238
10.3 CSS3文本效果 238
10.3.1 CSS3文本阴影 239
10.3.2 CSS3 Text Overflow属性 239
10.3.3 CSS3自动换行 240

第11章 用户界面，颜色及透明度 243
11.1 CSS3用户界面 244
11.2 CSS3多列 246
11.3 CSS颜色 247
11.4 CSS3透明度 250
11.5 CSS3渐变 252
11.5.1 CSS3线性渐变 252
11.5.2 CSS3径向渐变 256

第12章 CSS3 2D转换 260
12.1 CSS3转换 261
12.2 2D转换 261
12.2.1 translate()方法 263
12.2.2 rotate()方法 263
12.2.3 scale()方法 264
12.2.4 skew()方法 265
12.2.5 matrix()方法 266
12.2.6 transform-origin属性 266
12.3 CSS3 2D 时钟 267

第13章 CSS3 3D转换 271
13.1 CSS3 3D转换 272
13.2 空间直角坐标系 272
13.3 3D位移 273
13.4 3D旋转 275
13.5 3D缩放 277
13.6 使用2D和3D变换制作的立方体 279
13.6.1 2D立方体 279
13.6.2 3D立方体 280
13.7 3D Transform转换属性 283
13.7.1 transform-origin 283
13.7.2 transform-style 285
13.7.3 perspective 285
13.7.4 perspective-origin 287
13.7.5 backface-visibility 288

第14章 CSS3过渡，倒影 293
14.1 CSS3过渡 294
14.1.1 transition-property属性 294
14.1.2 transition-duration属性 295
14.1.3 transition-timing-function属性 295
14.1.4 transition-delay属性 299
14.1.5 transition属性 299
14.2 倒影 300
14.2.1 浏览器的兼容性 301
14.2.2 box-reflect语法 302
14.2.3 box-reflect取值说明 302
14.2.4 倒影的方向 303
14.2.5 倒影与对象之间的间距 305
14.2.6 给倒影添加遮罩效果 306
14.2.7 Firefox中的替代方案 308

第15章 CSS3动画技术 313
15.1 CSS3动画 314
15.1.1 CSS3 @keyframes规则 314
15.1.2 CSS3 动画 315
15.1.3 综合应用 318

第16章 综合运用 325
16.1 CSS3嵌入字体/网络字体 326
16.1.1 CSS3字体 326
16.1.2 CSS3字体运用 327
16.1.3 字体图标 332
16.2 CSS3综合特效 341