HTML5与CSS3权威指南 第3版上册 Web开发技术丛书 HTML5开发编程技术书籍 CSS3知识讲解技术书籍 兰兴达图书 机械工业出版社.

书名：HTML5与CSS3权威指南（第3版上册）

ISBN：978-7-111-51443-5     

丛书名： Web开发技术丛书

条码书号： 9787111514435    

作者： 陆凌牛

出版社：机械工业出版社    

上架日期：2015-9-25    

出版日期：2015-9-1

页数：552     

版次：1-1    

开本：16开    

定      价：(咨询特价)

本书共29章，分为上下两册：上册（1～17章）全面系统地讲解了HTML5相关的技术，以HTML5对现有Web应用产生的变革开篇，顺序讲解了HTML5与HTML4的区别、HTML5的结构、表单素、HTML编辑API、图形绘制、HistoryAPI、本地存储、离线应用、文件API、通信API、扩展的XMLHttpRequestAPI、WebWorkers、地理位置信息、多媒体相关的API、页面显示相关的API、拖放API与通知API等内容；下册（19～29章）全面系统地讲解了CSS3相关的技术，以CSS3的功能和模块结构开篇，顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。

Contents@目 录

前 言

上@@册

第1章@Web时代的变迁  1

1.1@迎接新的Web时代  1

1.1.1@HTML 5时代即将来临  1

1.1.2@HTML 5的目标  3

1.2@HTML 5深受欢迎的理由  4

1.2.1@世界知名浏览器厂商对HTML 5的支持  4

1.2.2@第一个理由：时代的要求  5

1.2.3@第二个理由：Internet Explorer 8  5

1.3@可以放心使用HTML 5的三个理由  6

1.4@HTML 5要解决的三个问题  6

第2章@HTML 5与HTML 4的区别  8

2.1@语法的改变  8

2.1.1@HTML 5的语法变化  8

2.1.2@HTML 5中的标记方法  9

2.1.3@HTML 5确保的兼容性  10

2.1.4@标记示例  11

2.2@新增的素和废除的素  12

2.2.1@新增的结构素  12

2.2.2@新增的其他素  14

2.2.3@新增的input素的类型  18

2.2.4@废除的素  19

2.3@新增的属性和废除的属性  20

2.3.1@新增的属性  20

2.3.2@废除的属性  22

2.4@全局属性  23

2.4.1@contentEditable属性  23

2.4.2@designMode属性  24

2.4.3@hidden属性  25

2.4.4@spellcheck属性  25

2.4.5@tabindex属性  25

2.5@新增的事件  26

第3章@HTML 5的结构  28

3.1@新增的主体结构素  28

3.1.1@article素  29

3.1.2@section素  31

3.1.3@nav素  33

3.1.4@aside素  34

3.1.5@time素与微格式  36

3.1.6@pubdate属性  37

3.2@新增的非主体结构素  38

3.2.1@header素  38

3.2.2@footer素  39

3.2.3@address素  40

3.2.4@main素  41

3.3@HTML 5中网页结构  42

3.3.1@HTML 5中的大纲  42

3.3.2@大纲的编排规则  48

3.3.3@对新的结构素使用样式  51

第4章@表单及其他新增和改良素  53

4.1@新增素与属性  53

4.1.1@新增属性  53

4.1.2@大幅度地增加与改良input素的种类  65

4.1.3@对新的表单素使用样式  77

4.1.4@output素的追加  77

4.2@表单验证  78

4.2.1@自动验证  78

4.2.2@取消验证  79

4.2.3@显式验证  79

4.3@增强的页面素  80

4.3.1@新增的f@igure素与f@igcaption素  80

4.3.2@新增的details素与summary素  82

4.3.3@新增的mark素  83

4.3.4@新增的progress素  86

4.3.5@新增的meter素  87

4.3.6@新增的dialog素  88

4.3.7@改良的a素  90

4.3.8@改良的ol列表  91

4.3.9@改良的dl列表  92

4.3.10@加以严格限制的cite素  93

4.3.11@重新定义的small素  94

4.3.12@安全性增强的iframe素  94

4.3.13@增强的script素  97

第5章@绘制图形  102

5.1 canvas素的基础知识  102

5.1.1 在页面中放置canvas素  103

5.1.2 绘制矩形  103

5.2 使用路径  105

5.2.1 绘制圆形  105

5.2.2 不关闭路径会怎么样  108

5.2.3 绘制直线  109

5.2.4 绘制曲线  114

5.2.5 使用Path2D对象绘制路径  116

5.3 绘制渐变图形  119

5.3.1 绘制线性渐变  119

5.3.2 绘制径向渐变  121

5.4 绘制变形图形  122

5.4.1 坐标变换  122

5.4.2 坐标变换与路径的结合使用  124

5.4.3 矩阵变换  125

5.5 给图形绘制阴影  129

5.6 使用图像  130

5.6.1 绘制图像  130

5.6.2 图像平铺  133

5.6.3 图像裁剪  135

5.6.4 像素处理  137

5.7 图形、图像的组合与混合  138

5.7.1 组合图形  138

5.7.2 混合图像  140

5.8 绘制文字  143

5.9 补充知识  145

5.9.1 保存与恢复状态  145

5.9.2 保存文件  146

5.9.3 简单动画的制作  147

第6章@多媒体相关API  150

6.1 多媒体播放  151

6.1.1 video素与audio素的基础知识  151

6.1.2 属性  153

6.1.3 方法  157

6.1.4 事件  160

6.2 对音频或视频添加字幕  163

6.2.1 track素的基础知识  163

6.2.2 track素的各种属性  164

6.2.3 WebVTT文件  166

第7章@History API  171

7.1 History API的基本概念  171

7.2 History API使用示例  172

7.2.1 使用History API  172

7.2.2 结合使用Canvas API与History API  182

第8章@本地存储  187

8.1 Web Storage  188

8.1.1 Web Storage是什么  188

8.1.2 简单Web留言本  191

8.1.3 作为简易数据库来利用  194

8.1.4 利用storage事件实时监视Web Storage中的数据  196

8.2 本地数据库  199

8.2.1 本地数据库的基本概念  199

8.2.2 用executeSql来执行查询  199

8.2.3 使用数据库实现Web留言本  200

8.2.4 transaction方法中的处理  204

8.3 indexedDB数据库  206

8.3.1 indexedDB数据库的基本概念  206

8.3.2 连接数据库  206

8.3.3 数据库的版本更新  208

8.3.4 创建对象仓库  210

8.3.5 创建索引  213

8.3.6 索引的multiEntry属性值  216

8.3.7 使用事务  216

8.3.8 保存数据  218

8.3.9 获取数据  221

8.3.10 根据主键值检索数据  225

8.3.11 根据索引属性值检索数据  232

8.3.12 复合索引  237

8.3.13 统计对象仓库中的数据数量  242

8.3.14 使用indexedDB API制作Web留言本  243

第9章@离线应用程序  250

9.1 离线Web应用程序详解  250

9.1.1 新增的本地缓存  250

9.1.2 本地缓存与浏览器网页缓存的区别  251

9.2 manifest文件  251

9.3 浏览器与服务器的交互过程  254

9.4 applicationCache对象  255

9.4.1 swapCache方法  255

9.4.2 applicationCache对象的事件  258

第10章@文件API  261

10.1 FileList对象与f@ile对象  262

10.2 ArrayBuffer对象与ArrayBufferView对象  263

10.2.1 基本概念  263

10.2.2 ArrayBuffer对象  263

10.2.3 ArrayBufferView对象  263

10.2.4 DataView对象  265

10.3 Blob对象  269

10.3.1 Blob对象概述  269

10.3.2 创建Blob对象  271

10.3.3 Blob对象的slice方法  274

10.3.4 在IndexedDB数据库中保存Blob对象  275

10.4 FileReader对象  277

10.4.1 FileReader对象的方法  277

10.4.2 FileReader对象的事件  278

10.4.3 FileReader对象的使用示例  278

10.5 FileSystem API  285

10.5.1 FileSystem API概述  285

10.5.2 FileSystem API的适用场合  286

10.5.3 请求访问文件系统  287

10.5.4 申请磁盘配额  289

10.5.5 创建文件  294

10.5.6 写入文件  297

10.5.7 在文件中追加数据  300

10.5.8 读取文件  301

10.5.9 复制磁盘中的文件  304

10.5.10 删除文件  306

10.5.11 创建目录  307

10.5.12 读取目录中的内容  312

10.5.13 删除目录  314

10.5.14 复制文件或目录  316

10.5.15 移动文件或目录与重命名文件或目录  319

10.5.16 f@ilesystem:URL前缀  321

10.5.17 综合案例  325

10.6 Base64编码支持  333

10.6.1 Base64编码概述  333

10.6.2 在HTML 5中支持Base64编码  335

第11章@通信API  340

11.1 跨文档消息传输  341

11.1.1 跨文档消息传输的基本知识  341

11.1.2 跨文档消息传输示例  341

11.1.3 通道通信  343

11.2 WebSockets通信  348

11.2.1 WebSockets通信的基本知识  348

11.2.2 使用WebSockets API  348

11.2.3 WebSockets API使用示例  349

11.2.4 发送对象  351

11.2.5 发送与接收原始二进制数据  352

11.2.6 实现WebSockets API的开发框架  353

11.2.7 WebSocket协议  354

11.2.8 WebSockets API的适用场景  354

11.3 Server-Sent Events API  354

11.3.1 Server-Sent Events API的基本概念  354

11.3.2 Server-Sent Events API的实现方法  355

11.3.3 事件ID的使用示例  362

第12章@WebRTC通信  366

12.1 WebRTC的基本概念  366

12.2 使用getUserMedia方法访问本地设备  367

12.2.1 浏览器检测  367

12.2.2 获取对视频输入设备或音频输入设备的访问权限  368

12.2.3 实现拍照功能  370

12.2.4 与CSS 3结合使用  372

12.3 手工建立WebRTC通信  372

12.3.1 WebRTC通信的基本概念  372

12.3.2 建立P2P通信  372

12.3.3 手工实现信令  373

12.3.4 剖析SDP交换过程  382

12.3.5 剖析ICE交换过程  388

12.4 穿越NAT/防火墙进行通信  390

12.4.1 穿越NAT  391

12.4.2 穿越防火墙  392

12.5 使用Node.js进行信令  395

12.5.1 建立信令服务器  395

12.5.2 修改信令处理  396

12.6 使用WebRTC进行多人通信  404

12.7 使用RTCDataChannel进行通信  425

12.7.1 RTCDataChannel的基本概念  425

12.7.2 实现RTCDataChannel通信  426

12.7.3 实现浏览器与浏览器之间的文件发送功能  438

第13章@扩展的XMLHttpRequest API  449

13.1 从服务器端获取二进制数据  449

13.1.1 ArrayBuffer响应  450

13.1.2 Blob响应  455

13.2 发送数据  456

13.2.1 发送字符串  457

13.2.2 发送表单数据  458

13.2.3 上传文件  461

13.2.4 发送Blob对象  462

13.2.5 发送ArrayBuffer对象  465

13.3 跨域数据请求  469

第14章@使用Web Workers处理线程  471

14.1 基础知识  472

14.2 与线程进行数据的交互  475

14.3 线程嵌套  477

14.3.1 单层嵌套  477

14.3.2 在多个子线程中进行数据的交互  480

14.4 线程中可用的变量、函数与类  481

14.5 适用场合  482

14.6 SharedWorker  482

14.6.1 基础知识  482

14.6.2 实现前台页面与后台线程之间的通信  483

14.6.3 定义页面与共享的后台线程开始通信时的处理  483

14.6.4 SharedWorker的使用示例  484

第15章@获取地理位置信息  490

15.1 Geolocation API的基本知识  490

15.1.1 取得当前地理位置  490

15.1.2 持续监视当前地理位置的信息  493

15.1.3 停止获取当前用户的地理位置信息  493

15.2 position对象  493

15.3 在页面上使用google地图  495

第16章@拖放API与通知API  498

16.1 拖放API  498

16.1.1 实现拖放的步骤  498

16.1.2 DataTransfer对象的属性与方法  501

16.1.3 设定拖放时的视觉效果  502

16.1.4 自定义拖放图标  503

16.2 通知API  503

16.2.1 通知API的基础知识  503

16.2.2 通知API的代码使用示例  506

第17章@其他API  510

17.1 Page Visibility API  511

17.1.1 Page Visibility API概述  511

17.1.2 Page Visibility API的使用场合  511

17.1.3 实现Page Visibility API  511

17.2 Fullscreen API  514

17.2.1 Fullscreen API概述  514

17.2.2 实现Fullscreen API  514

17.2.3 Fullscreen API代码使用示例  517

17.3 鼠标指针锁定API  519

17.3.1 鼠标指针锁定API概述  519

17.3.2 鼠标指针锁定API代码使用示例  520

17.4 requestAnimationFrame  524

17.4.1 requestAnimationFrame概述  524

17.4.2 requestAnimFrame代码使用示例  524

17.5 Mutation Observer  526

17.6 JavaScript Promise  531

17.6.1 Promise对象的基本概念  531

17.6.2 创建Promise对象  537

17.6.3 链式调用Promise对象的then方法  540

17.6.4 将异步操作队列化  542

17.6.5 异常处理  543

17.6.6 创建序列  544

17.6.7 执行并行处理  549

17.7 Beacon API  550

17.7.1 Beacon API概述  550

17.7.2 Beacon API的使用方法  551

下@@册

第18章 CSS 3概述  553

18.1 概要介绍  553

18.1.1 CSS 3是什么  553

18.1.2 CSS 3的历史  554

18.2 使用CSS 3能做什么  554

18.2.1 模块与模块化结构  554

18.2.2 一个简单的CSS 3示例  556

第19章 选择器  559

19.1 选择器概述  560

19.2 属性选择器  561

19.2.1 属性选择器概述  561

19.2.2 CSS 3中的属性选择器  563

19.2.3 灵活运用属性选择器  564

19.3 结构性伪类选择器  565

19.3.1 CSS中的伪类选择器及伪素  565

19.3.2 选择器root、not、empty和target  570

19.3.3 选择器f@irst-child、last-child、nth-child和nth-last-child  574

19.3.4 选择器nth-of-type和nth-last-of-type  579

19.3.5 循环使用样式  582

19.3.6 only-child选择器  584

19.4 UI素状态伪类选择器  585

19.4.1 伪类选择器E:hover、E:active和E:focus  586

19.4.2 伪类选择器E:enabled与E:disabled  588

19.4.3 伪类选择器E:read-only与E:read-write  589

19.4.4 伪类选择器E:checked、E:default和E:indeterminate  590

19.4.5 伪类选择器E::selection  593

19.4.6 伪类选择器E:invalid与E:valid  595

19.4.7 伪类选择器E:required与E:optional  596

19.4.8 伪类选择器E:in-range与E:out-of-range  596

19.5 通用兄弟素选择器  597

第20章 使用选择器在页面中插入内容  599

20.1 使用选择器来插入文字  599

20.1.1 使用选择器来插入内容  599

20.1.2 指定个别素不进行插入  601

20.2 插入图像文件  602

20.2.1 在标题前插入图像文件  602

20.2.2 插入图像文件的好处  603

20.2.3 将alt属性的值作为图像的标题来显示  605

20.3 使用content属性来插入项目编号  605

20.3.1 在多个标题前加上连续编号  606

20.3.2 在项目编号中追加文字  607

20.3.3 指定编号的样式  607

20.3.4 指定编号的种类  608

20.3.5 编号嵌套  608

20.3.6 中编号中嵌入大编号  610

20.3.7 在字符串两边添加嵌套文字符号  611

第21章 文字与字体相关样式  614

21.1 给文字添加阴影——text-shadow属性  614

21.1.1 text-shadow属性的使用方法  614

21.1.2 位移距离  616

21.1.3 阴影的模糊半径  617

21.1.4 阴影的颜色  617

21.1.5 指定多个阴影  618

21.2 让文本自动换行——word-break属性  618

21.2.1 依靠浏览器让文本自动换行  619

21.2.2 指定自动换行的处理方法  619

21.3 让长单词与URL地址自动换行——word-wrap属性  621

21.4 使用服务器端字体——Web Font与@font-face属性  621

21.4.1 在网页上显示服务器端字体  621

21.4.2 定义斜体或粗体字体  623

21.4.3 显示客户端本地的字体  625

21.4.4 属性值的指定  627

21.5 修改字体种类而保持字体尺寸不变——font-size-adjust属性  628

21.5.1 字体不同导致文字大小的不同  628

21.5.2 font-size-adjust属性的使用方法  629

21.5.3 浏览器对于aspect值的计算方法  629

21.5.4 font-size-adjust属性的使用示例  630

21.6 使用rem单位定义字体大小  631

第22章 盒相关样式  633

22.1 盒的类型  633

22.1.1 盒的基本类型  633

22.1.2 inline-block类型  635

22.1.3 inline-table类型  642

22.1.4 list-item类型  644

22.1.5 run-in类型与compact类型  645

22.1.6 表格相关类型  646

22.1.7 none类型  648

22.1.8 各种浏览器对于各种盒类型的支持情况  649

22.2 对于盒中容纳不下的内容的显示  650

22.2.1 overf@low属性  650

22.2.2 overf@low-x属性与overf@low-y属性  653

22.2.3 text-overf@low属性  654

22.3 对盒使用阴影  656

22.3.1 box-shadow属性的使用方法  656

22.3.2 将参数设定为0  656

22.3.3 创建盒内阴影  658

22.3.4 对盒内子素使用阴影  658

22.3.5 对第一个文字或第一行使用阴影  659

22.3.6 对表格及单格使用阴影  660

22.4 指定针对素的宽度与高度的计算方法  661

22.4.1 box-sizing属性  661

22.4.2 为什么要使用box-sizing属性  664

第23章 背景与边框相关样式  666

23.1 与背景相关的新增属性  666

23.1.1 指定背景的显示范围——background-clip属性  667

23.1.2 指定背景图像的绘制起点——background-origin属性  669

23.1.3 指定背景图像的尺寸——background-size属性  672

23.1.4 新增的用于平铺背景图像的选项——space与round  676

23.2 在一个素中显示多个背景图像  678

23.3 使用渐变色背景  679

23.3.1 绘制线性渐变  679

23.3.2 绘制放射性渐变  682

23.4 圆角边框的绘制  685

23.4.1 border-radius属性  686

23.4.2 在border-radius属性中指定两个半径  686

23.4.3 不显示边框的时候  687

23.4.4 修改边框种类的时候  688

23.4.5 绘制四个角不同半径的圆角边框  688

23.5 使用图像边框  688

23.5.1 border-image属性  688

23.5.2 border-image属性的最简单的使用方法  690

23.5.3 使用border-image属性来指定边框宽度  692

23.5.4 指定4条边中图像的显示方法  693

23.5.5 使用背景图像  696

第24章 CSS 3中的变形处理  698

24.1 transform功能的基础知识  698

24.1.1 如何使用transform功能  698

24.1.2 transform功能的分类  699

24.2 对一个素使用多种变形  704

24.2.1 对一个素使用多种变形的方法  704

24.2.2 指定变形的基准点  707

24.3 使用3D变形功能  709

24.3.1 3D变形功能概述  709

24.3.2 实现3D变形功能  710

24.4 变形矩阵  718

24.4.1 矩阵概述  718

24.4.2 变形与坐标系统  719

24.4.3 计算2D变形  719

24.4.4 计算3D变形  721

24.4.5 通过矩阵执行多重变形处理  722

第25章 CSS 3中的动画功能  725

25.1 Transitions功能  725

25.1.1 Transitions功能的使用方法  726

25.1.2 使用Transitions功能同时平滑过渡多个属性值  727

25.2 Animations功能  730

25.2.1 Animations功能的使用方法  730

25.2.2 实现多个属性值同时改变的动画  733

25.2.3 实现动画的方法  736

25.2.4 实现网页的淡入效果  737

第26章 布局相关样式  739

26.1 多栏布局  740

26.1.1 使用f@loat属性或position属性的缺点  740

26.1.2 使用多栏布局方式  741

26.2 盒布局  747

26.2.1 使用f@loat属性或position属性时的缺点  747

26.2.2 使用盒布局  749

26.2.3 盒布局与多栏布局的区别  750

26.3 性盒布局  751

26.3.1 对多个素使用f@lex属性  751

26.3.2 改变素的显示顺序  753

26.3.3 改变素的排列方向  754

26.3.4 素宽度与高度的自适应  755

26.3.5 使用性盒布局来消除空白  758

26.3.6 对多个素使用f@lex属性  759

26.3.7 控制换行方式  766

26.3.8 指定水平方向与垂直方向的对齐方式  769

26.4 calc方法  781

26.4.1 calc方法概述  781

26.4.2 calc方法使用示例  781

第27章 Media Queries相关样式  783

27.1 根据浏览器的窗口大小来选择使用不同的样式  783

27.2 在iPhone中的显示  788

27.3 Media Queries的使用方法  789

第28章 CSS 3的其他重要样式和属性  792

28.1 颜色相关样式  792

28.1.1 利用alpha通道来设定颜色  793

28.1.2 alpha通道与opacity属性的区别  795

28.1.3 指定颜色值为transparent  797

28.2 用户界面相关样式  798

28.2.1 轮廓相关样式  799

28.2.2 resize属性  801

28.3 使用initial属性值取消对素的样式指定  802

28.3.1 取消对素的样式指定  802

28.3.2 使用initial属性值并不等于取消样式设定的特例  804

28.4 实现CSS 3中的滤镜特效  805

28.4.1 滤镜特效概述  805

28.4.2 实现滤镜特效  806

第29章 综合实例  815

29.1 实例1：使用HTML 5中新增结构素来构建网页  815

29.1.1 组织网页结构  815

29.1.2 构建网页标题  818

29.1.3 构建侧边栏  820

29.1.4 构建主体内容  823

29.1.5 构建版权信息  829

29.2 实例2：使用HTML 5+CSS 3来构建Web应用程序  829

29.2.1 HTML 5页面代码分析  830

29.2.2 CSS 3样式代码分析  833

29.2.3 JavaScript脚本代码分析  836

附录A 截至2015年5月五大浏览器最新版对HTML 5的支持情况  844

A2