HTML 5与CSS 3权威指南(第2版.下册)

《HTML 5与CSS 3权威指南(第2版.下册)》

基本信息

作者： 陆凌牛 [作译者介绍]

丛书名： 实战系列

出版社：机械工业出版社

ISBN：9787111416999

上架时间：2013-3-7

出版日期：2013 年3月

开本：16开

页码：264

版次：2-1

所属分类：计算机 > 软件与程序设计 > 网络编程 > HTML

更多关于 》》》《HTML 5与CSS 3权威指南(第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个综合案例，以迭代的方式详细讲解了整个案例的实现过程，可操作性极强。

目录

《html 5与css 3权威指南》

前言

上册

第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

 

本图书信息来源 ：中国互动出版网