正版新书]HTML5与CSS3威指南下 (第2版)陆凌牛9787111416999

前言
上    册
章  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..  第二个理由：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..  新增的input元素的类型 / 18
2.2.4  废除的元素 / 18
.  新增的属和废除的属 / 19
..1  新增的属 / 19
..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..  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..  显式验 / 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..  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..  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..  使用数据库实现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  获取数据 / 2
8.3.10  根据主键值检索数据 / 5
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
0章  文件API / 270
10.1  FileList对象与file对象 / 271
10.2  ArrayBuffer对象与ArrayBufferView对象 / 272
10.2.1  基本概念 / 272
10.2.2  ArrayBuffer对象 / 272
10..  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  移动文件或目录与重命名文件或目录 / 3
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
1章  通信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..  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  事件的使用示例 / 363
2章  扩展的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..  上传文件 / 378
12.2.4  发送Blob对象 / 379
12.2.5  发送ArrayBuffer对象 / 381
1.  跨域数据请求 / 385
3章  使用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
4章  获取地理位置信息 / 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
5章  多媒体相关API / 414
15.1  多媒体播放 / 415
15.1.1  video元素与audio元素的基础知识 / 415
15.1.2  属 / 417
15.1.3  方法 / 421
15.1.4  事件 / 4
15.2  Web Audio API / 426
15.2.1  AudioContext对象 / 426
15.2.2  加载声音 / 427
15..  播放声音 / 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
6章  与页面显示相关的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..  Fullscreen API代码使用示例 / 454
7章  拖放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
下    册
8章  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
9章  选择器 / 473
19.1  选择器概述 / 475
19.2  属选择器 / 475
19.2.1  属选择器概述 / 475
19.2.2  CSS3中的属选择器 / 477
19..  灵活运用属选择器 / 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  onl-cil选择器 / 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..  将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  在字符串两边添加嵌套文字符号 / 5
2章  文字与字体相关样式 / 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..  text-overflow属 / 563
2.  对盒使用阴影 / 565
2..1  box-shadow属的使方法 / 565
2..2  将参数设定为0 / 566
2..  对盒内子元素使用阴影 / 567
2..4  对个文字或行使用阴影 / 568
2..5  对表格及单元格使用阴影 / 568
22.4  指定针对元素的宽度与高度的计算方法 / 570
22.4.1  box-sizing属 / 570
22.4.2  为什么要使用box-sizing属 / 572
第章  背景与边框相关样式 / 574
.1  与背景相关的新增属 / 575
.1.1  指定背景的显示范围—background-clip属 / 575
.1.2  指定绘制背景图像的绘制起点—background-origin属 / 577
.1.3  指定背景图像的尺寸—background-size属 / 579
.2  在一个元素中显示多个背景图像 / 582
.  圆角边框的绘制 / 583
..1  border-radius属 / 583
..2  在border-radius属中指定两个半径 / 584
..3  不显示边框时 / 585
..4  修改边框种类时 / 585
..5  绘制四个角不同半径的圆角边框 / 585
.4  使用图像边框 / 586
.4.1  border-image属 / 586
.4.2  border-image属的简单的使用方法 / 587
.4.3  使用border-image属来指定边框宽度 / 589
.4.4  中央图像的自动拉伸 / 590
.4.5  指定四条边中图像的显示方法 / 591
.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..  实现动画的方法 / 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 eries相关样式 / 641
27.1  根据浏览器的窗口大小来选择使用不同的样式 / 642
27.2  在iPhone中的显示 / 646
27.3  Media eries的使用方法 / 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..  JavaScript脚本代码分析 / 685
附录A  可以在各种浏览器中运行的所有命令 / 698
附录B  2012年7月五大浏览器的版对HTML 5的支持情况 / 706