HTML5与CSS3权威指南下

第1版2年内印刷近10次，累计销量超过50000册，4大网上书店的读者评论超过4600条，98%以上的评论都是五星级的好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊，而且在整个原创计算机图书领域也是佼佼者。本书已经成为HTML 5与CSS 3图书领域的一个标杆，被读者誉为“系统学习HTML 5与CSS 3技术的最佳指导参考书之一”和“Web前端工程师案头必备图书之一”。第2版首先从技术的角度结合最新的HTML 5和CSS 3标准对内容进行了更新和补充，其次从结构组织和写作方式的角度对原有的内容进行了进一步优化，使之更具价值且更便于读者阅读。全书共29章，本书分为上下两册：上册（1～17章）全面系统地讲解了HTML 5相关的技术，以HTML 5对现有Web应用产生的变革开篇，顺序讲解了HTML 5与HTML 4的区别、HTML 5的结构、表单元素、HTML编辑API、图形绘制、History API、本地存储、离线应用、文件API、通信API、扩展的XML HttpRequest API、Web Workers、地理位置信息、多媒体相关的API、页面显示相关的API、拖放API与通知API等内容；下册（18～29章）全面系统地讲解了CSS 3相关的技术，以CSS 3的功能和模块结构开篇，顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。上下两册共351个示例页面，所有代码均通过作者上机调试。下册的最后有2个综合案例，以迭代的方式详细讲解了整个案例的实现过程，可操作性极强。

前言
上    册
第1章  Web时代的变迁 / 1
1.1  迎接新的Web时代 / 2
1.1.1  HTML 5时代即将来临 / 2
1.1.2  HTML 5的目标 / 4
1.2  HTML 5会深受欢迎的理由 / 4
1.2.1  世界知名浏览器厂商对HTML 5的支持 / 4
1.2.2  第一个理由：时代的要求 / 5
1.2.3  第二个理由：Internet Explorer 8 / 6
1.3  可以放心使用HTML 5的三个理由 / 6
1.4  HTML 5要解决的三个问题 / 7
第2章  HTML 5与HTML 4的区别 / 8
2.1  语法的改变 / 9
2.1.1  HTML 5的语法变化 / 9
2.1.2  HTML 5中的标记方法 / 10
2.1.3  HTML 5确保了与之前HTML版本的兼容性 / 10
2.1.4  标记示例 / 12
2.2  新增的元素和废除的元素 / 12
2.2.1  新增的结构元素 / 12
2.2.2  新增的其他元素 / 14
2.2.3  新增的input元素的类型 / 18
2.2.4  废除的元素 / 18
2.3  新增的属性和废除的属性 / 19
2.3.1  新增的属性 / 19
2.3.2  废除的属性 / 21
2.4  全局属性 / 22
2.4.1  contentEditable属性 / 22
2.4.2  designMode属性 / 24
2.4.3  hidden属性 / 24
2.4.4  spellcheck属性 / 24
2.4.5  tabindex属性 / 25
第3章  HTML 5的结构 / 26
3.1  新增的主体结构元素 / 27
3.1.1  article元素 / 27
3.1.2  section元素 / 29
3.1.3  nav元素 / 31
3.1.4  aside元素 /32
3.1.5  time元素与微格式 / 34
3.1.6  pubdate属性 / 35
3.2  新增的非主体结构元素 / 35
3.2.1  header元素 / 36
3.2.2  hgroup元素 / 37
3.2.3  footer元素 / 37
3.2.4  address元素 / 38
3.3  HTML 5结构 / 39
3.3.1  大纲 / 39
3.3.2  大纲的编排规则 / 44
3.3.3  对新的结构元素使用样式 / 47
第4章  表单及其他新增和改良元素 / 48
4.1  新增元素与属性 / 49
4.1.1  新增属性 / 49
4.1.2  大幅度地增加与改良input元素的种类 / 61
4.1.3  对新的表单元素使用样式 / 71
4.1.4  output元素的追加 / 72
4.2  表单验证 / 73
4.2.1  自动验证 / 73
4.2.2  取消验证 / 73
4.2.3  显式验证 / 74
4.3  增强的页面元素 / 74
4.3.1  新增的figure元素与figcaption元素 / 75
4.3.2  新增的details元素与summary元素 / 76
4.3.3  新增的mark元素 / 77
4.3.4  新增的progress元素 / 80
4.3.5  新增的meter元素 / 81
4.3.6  改良的ol列表 / 82
4.3.7  改良的dl列表 / 83
4.3.8  加以严格限制的cite元素 / 85
4.3.9  重新定义的small元素 / 85
4.3.10  安全性增强的iframe元素 / 86
4.3.11  增强的script元素 / 89
第5章  HTML编辑API / 94
5.1  Range对象与Selection对象 / 95
5.1.1  基本概念 / 95
5.1.2  Range对象的属性与方法 / 97
5.1.3  Selection对象的属性与方法 / 118
5.2  命令 / 128
5.2.1  基本概念 / 128
5.2.2  execCommand方法 / 128
5.2.3  queryCommandSupported方法 / 129
5.2.4  queryCommandState方法 / 130
5.2.5  queryCommandIndeterm方法 / 131
5.2.6  queryCommandEnabled方法 / 133
5.2.7  queryCommandValue方法 / 135
5.2.8  可以在各种浏览器中运行的所有命令 / 136
第6章  绘制图形 / 136
6.1  canvas元素的基础知识 / 138
6.1.1  在页面中放置canvas元素 / 138
6.1.2  绘制矩形 / 139
6.2  使用路径 / 141
6.2.1  绘制圆形 / 141
6.2.2  如果没有关闭路径会怎么样 / 143
6.2.3  moveTo与lineTo / 145
6.2.4  使用bezierCurveTo绘制贝济埃曲线 / 146
6.3  绘制渐变图形 / 148
6.3.1  绘制线性渐变 / 148
6.3.2  绘制径向渐变 / 150
6.4  绘制变形图形 / 151
6.4.1  坐标变换 / 151
6.4.2  坐标变换与路径的结合使用 / 153
6.4.3  矩阵变换 / 154
6.5  图形组合 / 158
6.6  给图形绘制阴影 / 160
6.7  使用图像 / 162
6.7.1  绘制图像 / 162
6.7.2  图像平铺 / 164
6.7.3  图像裁剪 / 166
6.7.4  像素处理 / 168
6.8  绘制文字 / 170
6.9  补充知识 / 172
6.9.1  保存与恢复状态 / 172
6.9.2  保存文件 / 173
6.9.3  简单动画的制作 / 174
第7章  History API / 177
7.1  History API的基本概念 / 178
7.2  History API使用示例 / 179
7.2.1  使用History API / 179
7.2.2  结合使用Canvas API与History API / 188
第8章  本地存储 / 193
8.1  Web Storage / 194
8.1.1  Web Storage概述 / 194
8.1.2  简单Web留言本 / 197
8.1.3  作为简易数据库来利用 / 200
8.1.4  利用storage事件实时监视Web Storage中的数据 / 202
8.2  本地数据库 / 204
8.2.1  本地数据库的基本概念 / 204
8.2.2  用executeSql来执行查询 / 205
8.2.3  使用数据库实现Web留言本 / 206
8.2.4  transaction方法中的处理 / 209
8.3  indexedDB数据库 / 211
8.3.1  indexedDB数据库的基本概念 / 211
8.3.2  连接数据库 / 211
8.3.3  数据库的版本更新 / 213
8.3.4  创建对象仓库 / 218
8.3.5  创建索引 / 222
8.3.6  索引的multiEntry属性值 / 226
8.3.7  使用事务 / 227
8.3.8  保存数据 / 229
8.3.9  获取数据 / 232
8.3.10  根据主键值检索数据 / 235
8.3.11  根据索引属性值检索数据 / 241
8.3.12  复合索引 / 246
8.3.13  统计对象仓库中的数据数量 / 250
8.3.14  使用indexedDB API制作Web留言本 / 252
第9章  离线应用程序 / 259
9.1  离线Web应用程序详解 / 260
9.1.1  新增的本地缓存 / 260
9.1.2  本地缓存与浏览器网页缓存的区别 / 260
9.2  manifest文件 / 261
9.3  浏览器与服务器的交互过程 / 263
9.4  applicationCache对象 / 264
9.4.1  swapCache方法 / 265
9.4.2  applicationCache对象的事件 / 267
第10章  文件API / 270
10.1  FileList对象与file对象 / 271
10.2  ArrayBuffer对象与ArrayBufferView对象 / 272
10.2.1  基本概念 / 272
10.2.2  ArrayBuffer对象 / 272
10.2.3  ArrayBufferView对象 / 273
10.2.4  DataView对象 / 274
10.3  Blob对象与BlobBuilder对象 / 278
10.3.1  Blob对象 / 278
10.3.2  BlobBuilder对象 / 280
10.3.3  Blob对象的slice方法 / 283
10.4  FileReader对象 / 284
10.4.1  FileReader对象的方法 / 284
10.4.2  FileReader对象的事件 / 285
10.4.3  FileReader对象的使用示例 / 285
10.5  FileSystem API / 292
10.5.1  FileSystem API概述 / 292
10.5.2  FileSystem API的适用场合 / 292
10.5.3  请求访问文件系统 / 293
10.5.4  申请磁盘配额 / 296
10.5.5  创建文件 / 300
10.5.6  写入文件 / 302
10.5.7  在文件中追加数据 / 305
10.5.8  读取文件 / 307
10.5.9  复制磁盘中的文件 / 309
10.5.10  删除文件 / 311
10.5.11  创建目录 / 312
10.5.12  读取目录中的内容 / 316
10.5.13  删除目录 / 319
10.5.14  复制文件或目录 / 321
10.5.15  移动文件或目录与重命名文件或目录 / 323
10.5.16  filesystem:URL前缀 / 326
10.5.17  综合案例 / 328
10.6  Base64编码支持 / 336
10.6.1  Base64编码概述 / 336
10.6.2  在HTML 5中支持Base64编码 / 338
第11章  通信API / 342
11.1  跨文档消息传输 / 343
11.1.1  跨文档消息传输的基本知识 / 343
11.1.2  跨文档消息传输示例 / 344
11.1.3  通道通信 / 346
11.2  WebSockets通信 / 350
11.2.1  WebSockets通信的基本知识 / 350
11.2.2  使用WebSockets API / 350
11.2.3  WebSockets API使用示例 / 351
11.2.4  发送对象 / 353
11.2.5  发送与接收原始二进制数据 / 354
11.2.6  实现WebSockets API的开发框架 / 355
11.2.7  WebSocket 协议 / 355
11.2.8  WebSockets API的适用场景 / 356
11.3  Server-Sent Events API / 356
11.3.1  Server-Sent Events API的基本概念 / 356
11.3.2  Server-Sent Events API的实现方法 / 356
11.3.3  事件ID的使用示例 / 363
第12章  扩展的XMLHttpRequest API / 366
12.1  从服务器端获取二进制数据 / 367
12.1.1  ArrayBuffer响应 / 368
12.1.2  Blob响应 / 373
12.2  发送数据 / 374
12.2.1  发送字符串 / 374
12.2.2  发送表单数据 / 376
12.2.3  上传文件 / 378
12.2.4  发送Blob对象 / 379
12.2.5  发送ArrayBuffer对象 / 381
12.3  跨域数据请求 / 385
第13章  使用Web Workers处理线程 / 388
13.1  基础知识 / 389
13.2  与线程进行数据的交互 / 392
13.3  线程嵌套 / 394
13.3.1  单层嵌套 / 395
13.3.2  在多个子线程中进行数据的交互 / 397
13.4  线程中可用的变量、函数与类 / 398
13.5  适用场合 / 399
13.6  SharedWorker / 399
13.6.1  基础知识 / 399
13.6.2  实现前台页面与后台线程之间的通信 / 400
13.6.3  定义页面与共享的后台线程开始通信时的处理 / 400
13.6.4  SharedWorker的使用示例 / 401
第14章  获取地理位置信息 / 406
14.1  Geolocation API的基本知识 / 407
14.1.1  取得当前地理位置 / 407
14.1.2  持续监视当前地理位置的信息 / 409
14.1.3  停止获取当前用户的地理位置信息 / 409
14.2  position对象 / 409
14.3  在页面上使用google地图 / 411
第15章  多媒体相关API / 414
15.1  多媒体播放 / 415
15.1.1  video元素与audio元素的基础知识 / 415
15.1.2  属性 / 417
15.1.3  方法 / 421
15.1.4  事件 / 423
15.2  Web Audio API / 426
15.2.1  AudioContext对象 / 426
15.2.2  加载声音 / 427
15.2.3  播放声音 / 428
15.2.4  将声音加载处理封装在类中 / 429
15.2.5  控制节奏 / 431
15.2.6  控制音量 / 433
15.2.7  两个声音的交叉混合 / 436
15.2.8  多个音频文件之间的平滑过渡 / 439
15.2.9  对音频使用滤波处理 / 443
第16章  与页面显示相关的API / 447
16.1  Page Visibility API / 448
16.1.1  Page Visibility API概述 / 448
16.1.2  Page Visibility API的使用场合 / 448
16.1.3  实现Page Visibility API / 448
16.2  Fullscreen API / 451
16.2.1  Fullscreen API概述 / 451
16.2.2  实现Fullscreen API / 451
16.2.3  Fullscreen API代码使用示例 / 454
第17章  拖放API与通知API / 457
17.1  拖放API / 458
17.1.1  实现拖放的步骤 / 458
17.1.2  DataTransfer对象的属性与方法 / 461
17.1.3  设定拖放时的视觉效果 / 461
17.1.4  自定义拖放图标 / 462
17.2  通知API / 463
17.2.1  通知API的基础知识 / 463
17.2.2  通知API的代码使用示例 / 465
下    册
第18章  CSS 3概述 / 467
18.1  概要介绍 / 468
18.1.1  CSS 3是什么 / 468
18.1.2  CSS 3的历史 / 468
18.2  使用CSS 3能做什么 / 469
18.2.1  模块与模块化结构 / 469
18.2.2  一个简单的CSS 3示例 / 470
第19章  选择器 / 473
19.1  选择器概述 / 475
19.2  属性选择器 / 475
19.2.1  属性选择器概述 / 475
19.2.2  CSS3中的属性选择器 / 477
19.2.3  灵活运用属性选择器 / 478
19.3  结构性伪类选择器 / 479
19.3.1  CSS中的伪类选择器及伪元素 / 479
19.3.2  选择器root、not、empty和target / 483
19.3.3  选择器：first-child、last-child、nth-child和nth-last-child / 488
19.3.4  选择器：nth-of-type和nth-last-of-type / 492
19.3.5  循环使用样式 / 494
19.3.6  only-child选择器 / 496
19.4  UI元素状态伪类选择器 / 498
19.4.1  选择器：E:hover、E:active和E:focus / 498
19.4.2  E:enabled伪类选择器与E:disabled伪类选择器 / 500
19.4.3  E:read-only伪类选择器与E:read-write伪类选择器 / 501
19.4.4  伪类选择器：E:checked、E:default和E:indeterminate / 502
19.4.5  E::selection伪类选择器 / 505
19.4.6  E:invalid伪类选择器与E:valid伪类选择器 / 506
19.4.7  E:required伪类选择器与E:optional伪类选择器 / 507
19.4.8  E:in-range伪类选择器与E:out-of-range伪类选择器 / 508
19.5  通用兄弟元素选择器 / 509
第20章  使用选择器在页面中插入内容 / 511
20.1  使用选择器来插入文字 / 512
20.1.1  使用选择器来插入内容 / 512
20.1.2  指定个别元素不进行插入 / 513
20.2  插入图像文件 / 514
20.2.1  在标题前插入图像文件 / 514
20.2.2  插入图像文件的好处 / 515
20.2.3  将alt属性的值作为图像的标题来显示 / 517
20.3  使用content属性来插入项目编号 / 518
20.3.1  在多个标题前加上连续编号 / 518
20.3.2  在项目编号中追加文字 / 519
20.3.3  指定编号的样式 / 519
20.3.4  指定编号的种类 / 519
20.3.5  编号嵌套 / 520
20.3.6  中编号中嵌入大编号 / 521
20.3.7  在字符串两边添加嵌套文字符号 / 523
第21章  文字与字体相关样式 / 525
21.1  给文字添加阴影—text-shadow属性 / 526
21.1.1  text-shadow属性的使用方法 / 526
21.1.2  位移距离 / 528
21.1.3  阴影的模糊半径 / 528
21.1.4  阴影的颜色 / 529
21.1.5  指定多个阴影 / 529
21.2  让文本自动换行—word-break属性 / 530
21.2.1  依靠浏览器让文本自动换行 / 530
21.2.2  指定自动换行的处理方法 / 530
21.3  让长单词与URL地址自动换行—word-wrap属性 / 532
21.4  使用服务器端字体—Web Font与@font-face属性 / 532
21.4.1  在网页上显示服务器端字体 / 532
21.4.2  定义斜体或粗体字体 / 534
21.4.3  显示客户端本地的字体 / 536
21.4.4  属性值的指定 / 537
21.5  修改字体种类而保持字体尺寸不变—font-size-adjust属性 / 538
21.5.1  字体不同导致文字大小的不同 / 538
21.5.2  font-size-adjust属性的使用方法 / 540
21.5.3  浏览器对于aspect值的计算方法 / 540
21.5.4  font-size-adjust属性的使用示例 / 541
第22章  盒相关样式 / 543
22.1  盒的类型 / 544
22.1.1  盒的基本类型 / 544
22.1.2  inline-block类型 / 545
22.1.3  inline-table类型 / 552
22.1.4  list-item类型 / 554
22.1.5  run-in类型与compact类型 / 555
22.1.6   表格相关类型 / 556
22.1.7  none类型 / 558
22.1.8  各种浏览器对于各种盒类型的支持情况 / 559
22.2  对于盒中容纳不下的内容的显示 / 560
22.2.1  overflow属性 / 560
22.2.2  overflow-x属性与overflow-y属性 / 562
22.2.3  text-overflow属性 / 563
22.3  对盒使用阴影 / 565
22.3.1  box-shadow属性的使用方法 / 565
22.3.2  将参数设定为0 / 566
22.3.3  对盒内子元素使用阴影 / 567
22.3.4  对第一个文字或第一行使用阴影 / 568
22.3.5  对表格及单元格使用阴影 / 568
22.4  指定针对元素的宽度与高度的计算方法 / 570
22.4.1  box-sizing属性 / 570
22.4.2  为什么要使用box-sizing属性 / 572
第23章  背景与边框相关样式 / 574
23.1  与背景相关的新增属性 / 575
23.1.1  指定背景的显示范围—background-clip属性 / 575
23.1.2  指定绘制背景图像的绘制起点—background-origin属性 / 577
23.1.3  指定背景图像的尺寸—background-size属性 / 579
23.2  在一个元素中显示多个背景图像 / 582
23.3  圆角边框的绘制 / 583
23.3.1  border-radius属性 / 583
23.3.2  在border-radius属性中指定两个半径 / 584
23.3.3  不显示边框时 / 585
23.3.4  修改边框种类时 / 585
23.3.5  绘制四个角不同半径的圆角边框 / 585
23.4  使用图像边框 / 586
23.4.1  border-image属性 / 586
23.4.2  border-image属性的最简单的使用方法 / 587
23.4.3  使用border-image属性来指定边框宽度 / 589
23.4.4  中央图像的自动拉伸 / 590
23.4.5  指定四条边中图像的显示方法 / 591
23.4.6  使用背景图像 / 594
第24章  CSS 3中的变形处理 / 596
24.1  transform功能的基础知识 / 597
24.1.1  如何使用transform功能 / 597
24.1.2  transform功能的分类 / 598
24.2  对一个元素使用多种变形的方法 / 602
24.2.1  两个变形示例 / 602
24.2.2  指定变形的基准点 / 604
第25章  CSS 3中的动画功能 / 607
25.1  Transitions功能 / 608
25.1.1  Transitions功能的使用方法 / 608
25.1.2  使用Transitions功能同时平滑过渡多个属性值 / 609
25.2  Animations功能 / 612
25.2.1  Animations功能的使用方法 / 612
25.2.2  实现多个属性值同时改变的动画 / 614
25.2.3  实现动画的方法 / 616
25.2.4  实现网页的淡入效果 / 618
第26章  布局相关样式 / 619
26.1  多栏布局 / 620
26.1.1  使用float属性或position属性的缺点 / 620
26.1.2  使用多栏布局方式 / 622
26.2  盒布局 / 625
26.2.1  盒布局的基础知识 / 625
26.2.2  弹性盒布局 / 629
第27章  Media Queries相关样式 / 641
27.1  根据浏览器的窗口大小来选择使用不同的样式 / 642
27.2  在iPhone中的显示 / 646
27.3  Media Queries的使用方法 / 647
第28章  CSS 3的其他重要样式和属性 /650
28.1  颜色相关样式 / 651
28.1.1  利用alpha通道来设定颜色 / 651
28.1.2  alpha通道与opacity属性的区别 / 653
28.1.3  指定颜色值为transparent / 655
28.2  用户界面相关样式 / 656
28.2.1  轮廓相关样式 / 656
28.2.2  resize属性 / 659
28.3  取消对元素的样式指定—initial属性值 / 660
28.3.1  取消对元素的样式指定 / 660
28.3.2  使用initial属性值并不等于取消样式设定的特例 / 662
第29章  综合实例 / 664
29.1  实例1：使用HTML 5中新增结构元素来构建网页 / 665
29.1.1  组织网页结构 / 665
29.1.2  构建网页标题 / 667
29.1.3  构建侧边栏 / 670
29.1.4  构建主体内容 / 672
29.1.5  构建版权信息 / 678
29.2  实例2：使用HTML 5+CSS 3来构建Web应用程序 / 678
29.2.1  HTML 5页面代码分析 / 679
29.2.2  CSS 3样式代码分析 / 682
29.2.3  JavaScript脚本代码分析 / 685
附录A  可以在各种浏览器中运行的所有命令 / 698
附录B  2012年7月五大浏览器的最新版对HTML 5的支持情况 / 706