新书推荐

《HTML 5与CSS 3权威指南（第4版•上下册）》

长按二维码
了解及购买

本书是HTML 5与CSS 3领域公认的标杆之作，被读者誉为“系统学习HTML 5与CSS 3的标准著作”，也是Web前端工程师案头必备工作手册。

编辑推荐

1. 本书已经成为HTML5与CSS3领域公认的标杆著作，是开发者们学习HTML5与CSS3的事实标准。

2. 前3版累计印刷超过25次，销量超过10万册，网络书店评论14000余条，好评率99%，是同类书中的领头羊，也是原创计算机图书领域的佼佼者。

3. 针对HTML5与CSS3技术的发展和Web应用环境的变化做了有针对性的优化、更新、补充和删除，内容更有针对性，也更实用。

内容简介

本书是HTML 5与CSS 3领域公认的标杆之作，被读者誉为“系统学习HTML 5与CSS 3的标准著作”，也是Web前端工程师案头必备工作手册。

前3版累计印刷超过25次，网络书店评论超过14000条，98%以上的评论都是五星级好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊，而且在整个原创计算机图书领域也是佼佼者。

第4版首先从技术的角度根据最新的HTML 5和CSS 3标准进行了更新和补充，其次是根据读者的反馈对内容的组织结构和写作方式做了进一步的优化，内容更实用，阅读体验也更好。

作者简介

陆凌牛

资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年，对各种Web开发技术（包括前端和后端）都有非常深入的研究，经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者，不仅对HTML 5与CSS 3有非常深入的研究，而且对Node.JS等开发框架也有非常深刻的研究，并且付诸了大量实践。同时，他还擅长.NET和Java的相关技术，在C#、VB.NET、ASP.NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。

目录

前言

上册

第1章　Web时代的变迁  1

1.1　迎接新的Web时代  1

1.1.1　HTML 5时代即将来临1

1.1.2　HTML 5的目标3

1.1.3　HTML5的小版本更新4

1.2　HTML 5深受欢迎的理由  4

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

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

1.2.3　第二个理由：Internet Explorer 85

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

1.4　HTML 5要解决的三个问题  7

第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　废除的元素18

2.3　新增的属性和废除的属性  19

2.3.1　新增的属性19

2.3.2　废除的属性21

2.4　全局属性  23

2.4.1　contentEditable属性23

2.4.2　designMode属性24

2.4.3　hidden属性24

2.4.4　spellcheck属性25

2.4.5　tabindex属性25

2.5　新增的事件  25

2.6　只监听一次事件  26

第3章　HTML 5的结构  28

3.1　新增的主体结构元素  28

3.1.1　article元素29

3.1.2　p元素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　新增的figure元素与figcaption元素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章　ECMAScript中的新增功能 102

5.1　新增语法  103

5.1.1　使用for-of循环103

5.1.2　使用let关键字与const关键字声明变量104

5.1.3　使用class关键字声明类109

5.1.4　不确定参数及默认参数值116

5.1.5　箭头函数121

5.1.6　生成器函数126

5.1.7　解构赋值129

5.1.8　模板字符串138

5.1.9　在客户端使用JavaScript模块141

5.2　新增对象及数据类型  145

5.2.1　Promise对象145

5.2.2　全局唯一标识符：symbol 166

5.2.3　代理与反射 170

5.2.4　新增的各种集合对象 176

5.3　对现有对象的扩展  187

第6章　文件API  194

6.1　FileList对象与file对象  195

6.2　ArrayBuffer对象与ArrayBuffer-View对象  196

6.2.1　基本概念196

6.2.2　ArrayBuffer对象196

6.2.3　ArrayBufferView对象196

6.2.4　DataView对象198

6.3　Blob对象  202

6.3.1　Blob对象概述202

6.3.2　创建Blob对象204

6.3.3　Blob对象的slice方法207

6.4　FileReader对象  208

6.4.1　FileReader对象的方法208

6.4.2　FileReader对象的事件209

6.4.3　FileReader对象的使用示例209

第7章　本地存储  217

7.1　Web Storage  218

7.1.1　Web Storage是什么218

7.1.2　简单Web留言本221

7.1.3　作为简易数据库来利用224

7.1.4　利用storage事件实时监视Web Storage中的数据226

7.2　indexedDB数据库  229

7.2.1　本地数据库的基本概念229

7.2.2　indexedDB数据库的基本概念229

7.2.3　连接数据库229

7.2.4　数据库的版本更新231

7.2.5　创建对象仓库233

7.2.6　创建索引236

7.2.7　索引的multiEntry属性值239

7.2.8　使用事务239

7.2.9　保存数据241

7.2.10　在indexedDB数据库中保存Blob对象244

7.2.11　获取数据247

7.2.12　根据主键值检索数据251

7.2.13　根据搜索范围获取数据的主键值257

7.2.14　根据索引属性值检索数据260

7.2.15　获取所有数据266

7.2.16　复合索引272

7.2.17　统计对象仓库中的数据数量276

7.2.18　列举数据库中所有对象仓库的名称278

7.2.19　列举事务中所有可访问对象仓库名称279

7.2.20　删除对象仓库281

7.2.21　根据主键删除单条数据282

7.2.22　列举对象仓库的所有索引名称及删除索引286

7.2.23　使用索引对象的方法289

7.2.24　在指定范围中抽取数据主键298

7.2.25　使用游标对象的方法301

第8章　扩展的XMLHttpRequest API及FetchAPI  307

8.1　从服务器端获取二进制数据  307

8.1.1　ArrayBuffer响应  308

8.1.2　Blob响应  313

8.2　发送数据  314

8.2.1　发送字符串  315

8.2.2　发送表单数据  316

8.2.3　上传文件  319

8.2.4　发送Blob对象  320

8.2.5　发送ArrayBuffer对象  323

8.3　跨域数据请求  327

8.4　使用Fetch API  328

8.4.1　告别XMLHttpRequest  328

8.4.2　使用Fetch API发出请求  329

8.4.3　向服务器端发送POST请求  332

8.4.4　提交JSON 数据  333

8.4.5　发送表单数据  334

8.4.6　上传文件  335

8.4.7　提交及下载Blob对象或ArrayBuffer对象  336

第9章　使用Web Workers处理线程 339

9.1　基础知识  340

9.2　与线程进行数据的交互  343

9.3　线程嵌套  345

9.3.1　单层嵌套  345

9.3.2　在多个子线程中进行数据的交互  348

9.4　线程中可用的变量、函数与类  349

9.5　适用场合  350

9.6　SharedWorker  350

9.6.1　基础知识  350

9.6.2　实现前台页面与后台线程之间的通信  351

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

9.6.4　SharedWorker的使用示例  352

第10章　使用Service Worker实现离线应用程序  358

10.1　Service Worker的基本概念  358

10.2　注册、下载及安装  359

10.3　自定义请求的响应  365

10.4　激活  372

10.5　其他用例  375

第11章　通信API  376

11.1　跨文档消息传输  377

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

11.1.2　跨文档消息传输示例  377

11.1.3　通道通信  379

11.2　WebSockets通信  384

11.2.1　WebSockets通信的基本知识 384

11.2.2　使用WebSockets API  384

11.2.3　WebSockets API使用示例  385

11.2.4　发送对象  387

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

11.2.6　实现WebSockets API的开发框架  389

11.2.7　WebSocket协议  390

11.2.8　WebSockets API的适用场景  390

11.3　Server-Sent Events API  390

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

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

11.4　BroadcastChannel API  398

11.4.1　BroadcastChannel API的基本概念  398

11.4.2　与其他技术的区别  400

第12章　Web组件  402

12.1　使用template元素定制客户端模板  403

12.1.1　特性检测  403

12.1.2　定义模板内容  403

12.1.3　动态设置模板内容  406

12.1.4　模板中嵌套模板  406

12.2　自身独立的Shadow DOM组件 409

12.2.1　Shadow DOM的基本概念 410

12.2.2　创建Shadow DOM  410

12.2.3　实现内容与展示的分离  412

12.2.4　对Shadow DOM使用样式 423

12.2.5　高级主题  430

12.3　自定义元素  432

12.3.1　自定义元素的基本概念  432

12.3.2　自定义全新的HTML元素 432

12.3.3　扩展元素  436

12.3.4　在JavaScript脚本代码中创建自定义元素  439

12.3.5　自定义元素响应  440

12.3.6　自定义元素的属性  446

12.3.7　指定自定义元素的内容  451

12.3.8　指定自定义元素的样式  454

12.4　HTML导入  456

12.4.1　HTML导入所能解决的课题  456

12.4.2　HTML导入的基本概念  456

12.4.3　打包资源  457

12.4.4　load事件与error事件  457

12.4.5　使用被导入文档  459

12.4.6　传输Web组件  462

12.4.7　管理依赖和子导入  464

12.4.8　性能注意事项  468

12.4.9　HTML导入的要点  468

12.4.10　HTML导入的使用案例  469

第13章　绘制图形  470

13.1　canvas元素的基础知识  470

13.1.1　在页面中放置canvas元素 471

13.1.2　绘制矩形  471

13.2　使用路径  473

13.2.1　绘制圆形  473

13.2.2　不关闭路径会怎么样  476

13.2.3　绘制直线  477

13.2.4　绘制曲线  482

13.2.5　使用Path2D对象绘制路径 484

13.3　绘制渐变图形  487

13.3.1　绘制线性渐变  487

13.3.2　绘制径向渐变  489

13.4　绘制变形图形  490

13.4.1　坐标变换  490

13.4.2　坐标变换与路径的结合使用 492

13.4.3　矩阵变换  493

13.5　给图形绘制阴影  497

13.6　使用图像  498

13.6.1　绘制图像  498

13.6.2　图像平铺  501

13.6.3　图像裁剪  503

13.6.4　像素处理  505

13.7　图形、图像的组合与混合  506

13.7.1　组合图形  506

13.7.2　混合图像  508

13.8　绘制文字  511

13.9　补充知识  513

13.9.1　保存与恢复状态  513

13.9.2　将canvas元素中的图像转换为data URL  514

13.9.3　将canvas元素中的图像转换为Blob对象  515

13.9.4　简单动画的制作  518

13.9.5　解码图像  521

第14章　多媒体相关API  523

14.1　video元素与audio元素的基础知识  524

14.2　属性  526

14.3　方法  530

14.4　事件  533

下册

第15章　CSS 3概述  1

15.1　概要介绍  1

15.1.1　CSS 3是什么  1

15.1.2　CSS 3的历史  2

15.2　使用CSS 3能做什么  2

15.2.1　模块与模块化结构  2

15.2.2　一个简单的CSS 3示例  4

第16章　选择器  7

16.1　选择器概述  8

16.2　属性选择器  9

16.2.1　属性选择器概述  9

16.2.2　CSS 3中的属性选择器  11

16.2.3　灵活运用属性选择器  12

16.3　结构性伪类选择器  13

16.3.1　CSS中的伪类选择器及伪元素  13

16.3.2　选择器root、not、empty和target  18

16.3.3　选择器first-child、last-child、nth-child和nth-last-child  22

16.3.4　选择器nth-of-type和nth- last-of-type  27

16.3.5　循环使用样式  30

16.3.6　only-child选择器  32

16.4　UI元素状态伪类选择器  33

16.4.1　伪类选择器E:hover、E:active和E:focus  34

16.4.2　伪类选择器E:enabled与 E:disabled  36

16.4.3　伪类选择器E:read-only与E:read-write  37

16.4.4　伪类选择器E:checked、E:default和E:indeterminate 38

16.4.5　伪类选择器E::selection  41

16.4.6　伪类选择器E:invalid与E:valid  43

16.4.7　伪类选择器E:required与E:optional  44

16.4.8　伪类选择器E:in-range与E:out-of-range  44

16.5　通用兄弟元素选择器  45

第17章　使用选择器在页面中插入内容  47

17.1　使用选择器来插入文字  47

17.1.1　使用选择器来插入内容  47

17.1.2　指定个别元素不进行插入  49

17.2　插入图像文件  50

17.2.1　在标题前插入图像文件  50

17.2.2　插入图像文件的好处  51

17.2.3　将alt属性的值作为图像的标题来显示  53

17.3　使用content属性来插入项目编号  53

17.3.1　在多个标题前加上连续编号  54

17.3.2　在项目编号中追加文字  55

17.3.3　指定编号的样式  55

17.3.4　指定编号的种类  56

17.3.5　编号嵌套  56

17.3.6　中编号中嵌入大编号  58

17.3.7　在字符串两边添加嵌套文字符号  59

第18章　文字与字体相关样式  62

18.1　给文字添加阴影—text-shadow属性  62

18.1.1　text-shadow属性的使用方法  62

18.1.2　位移距离  64

18.1.3　阴影的模糊半径  65

18.1.4　阴影的颜色  65

18.1.5　指定多个阴影  66

18.2　让文本自动换行—word-break属性  66

18.2.1　依靠浏览器让文本自动换行  67

18.2.2　指定自动换行的处理方法  67

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

18.4　指定用户是否可选取文字的user-select属性  69

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

18.5.1　在网页上显示服务器端字体 71

18.5.2　定义斜体或粗体字体  72

18.5.3　显示客户端本地的字体  74

18.5.4　属性值的指定  76

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

18.6.1　字体不同导致文字大小的不同  77

18.6.2　font-size-adjust属性的使用方法  78

18.6.3　浏览器对于aspect值的计算方法  78

18.6.4　font-size-adjust属性的使用示例  79

18.7　使用rem单位定义字体大小  80

第19章　盒相关样式  82

19.1　盒的类型  82

19.1.1　盒的基本类型  82

19.1.2　inline-block类型  84

19.1.3　inline-table类型  91

19.1.4　list-item类型  93

19.1.5　run-in类型与compact类型 94

19.1.6　表格相关类型  95

19.1.7　none类型  97

19.1.8　各种浏览器对于各种盒类型的支持情况  98

19.2　对于盒中容纳不下的内容的显示  99

19.2.1　overflow属性  99

19.2.2　overflow-x属性与overflow-y属性  102

19.2.3　text-overflow属性  103

19.3　对盒使用阴影  105

19.3.1　box-shadow属性的使用方法  105

19.3.2　将参数设定为0  105

19.3.3　创建盒内阴影  107

19.3.4　对盒内子元素使用阴影  107

19.3.5　对第一个文字或第一行使用阴影  108

19.3.6　对表格及单元格使用阴影 109

19.4　指定针对元素的宽度与高度的计算方法  110

19.4.1　box-sizing属性  110

19.4.2　为什么要使用box-sizing属性 113

第20章　背景与边框相关样式  115

20.1　与背景相关的新增属性  115

20.1.1　指定背景的显示范围—background-clip属性  116

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

20.1.3　指定背景图像的尺寸—background-size属性  120

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

20.2　在一个元素中显示多个背景图像 126

20.3　使用渐变色背景  127

20.3.1　绘制线性渐变  127

20.3.2　绘制放射性渐变  130

20.4　圆角边框的绘制  133

20.4.1　border-radius属性  134

20.4.2　在border-radius属性中指定两个半径  134

20.4.3　不显示边框的时候  135

20.4.4　修改边框种类的时候  136

20.4.5　绘制四个角不同半径的圆角边框  136

20.5　使用图像边框  136

20.5.1　border-image属性  136

20.5.2　border-image属性的最简单的使用方法  138

20.5.3　使用border-image属性来指定边框宽度  139

20.5.4　指定4条边中图像的显示方法  140

20.5.5　使用背景图像  143

第21章　CSS 3中的变形处理  145

21.1　transform功能的基础知识  145

21.1.1　如何使用transform功能  145

21.1.2　transform功能的分类  146

21.2　对一个元素使用多种变形  151

21.2.1　对一个元素使用多种变形的方法  151

21.2.2　指定变形的基准点  154

21.3　使用3D变形功能  156

21.3.1　3D变形功能概述  156

21.3.2　实现3D变形功能  157

21.4　变形矩阵  165

21.4.1　矩阵概述  165

21.4.2　变形与坐标系统  166

21.4.3　计算2D变形  166

21.4.4　计算3D变形  168

21.4.5　通过矩阵执行多重变形处理  169

第22章　CSS 3中的动画功能  172

22.1　Transitions功能  173

22.1.1　Transitions功能的使用方法  173

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

22.2　Animations功能  177

22.2.1　Animations功能的使用方法  177

22.2.2　实现多个属性值同时改变的动画  180

22.2.3　实现动画的方法  183

22.2.4　实现网页的淡入效果  184

22.3　Web Animations API  185

22.3.1　Web Animations API的基本概念  185

22.3.2　Web Animations API的使用示例  186

22.3.3　控制动画播放  190

第23章　布局相关样式  194

23.1　多栏布局  195

23.1.1　使用float属性或position属性的缺点  195

23.1.2　使用多栏布局方式  196

23.2　盒布局  202

23.2.1　使用float属性或position属性时的缺点  202

23.2.2　使用盒布局  204

23.2.3　盒布局与多栏布局的区别 205

23.3　弹性盒布局  206

23.3.1　对多个元素使用flex属性 206

23.3.2　改变元素的显示顺序  208

23.3.3　改变元素的排列方向  209

23.3.4　元素宽度与高度的自适应 210

23.3.5　使用弹性盒布局来消除空白 213

23.3.6　对多个元素使用flex属性 214

23.3.7　控制换行方式  221

23.3.8　指定水平方向与垂直方向的对齐方式  224

23.4　网格布局  236

23.4.1　网格布局概述  236

23.4.2　定义网格布局  237

23.4.3　命名网格线  241

23.4.4　使用区域  243

23.5　calc方法  247

23.5.1　calc方法概述  247

23.5.2　calc方法使用示例  247

第24章　媒体查询表达式与特性查询表达式  249

24.1　媒体查询表达式  250

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

24.1.2　在iPhone中的显示  254

24.1.3　媒体查询表达式的使用方法  255

24.2　特性查询表达式  257

第25章　CSS 3的其他重要样式和属性  260

25.1　颜色相关样式  260

25.1.1　利用alpha通道来设定颜色 261

25.1.2　alpha通道与opacity属性的区别  263

25.1.3　指定颜色值为transparent 265

25.2　用户界面相关样式  266

25.2.1　轮廓相关样式  267

25.2.2　resize属性  269

25.3　使用initial属性值取消对元素的样式指定  270

25.3.1　取消对元素的样式指定  270

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

25.4　用于控制鼠标事件的pointer-events属性  273

25.5　实现CSS 3中的滤镜特效  274

25.5.1　滤镜特效概述  274

25.5.2　实现滤镜特效  275

25.6　CSS变量  284

25.6.1　CSS变量的基本概念  284

25.6.2　CSS变量的定义方法  284

25.6.3　CSS变量的继承  285

25.6.4　使用var函数  286

25.6.5　在JavaScript脚本代码中使用CSS变量  289

第26章　综合实例  291

26.1　实例概述  291

26.2　HTML 5页面代码分析  292

26.3　CSS 3样式代码分析  295

26.4　JavaScript脚本代码分析  299

26.4.1　保存与读取本地数据库中数据  300

26.4.2　使用Fetch API读取服务器端数据及提交数据到服务器端 306

26.4.3　保存与读取LocalStorage中数据  308

26.4.4　页面完整脚本代码  309

你与世界

只差一个

公众号