HTML 5与CSS 3权威指南 下 第4版PDF|Epub|txt|kindle电子书版本网盘下载

HTML 5与CSS 3权威指南 下 第4版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

上册1

第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世界知名浏览器厂商对HTML5的支持4

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

1.2.3第二个理由：Internet Explorer 85

1.3可以放心使用HTML5的三个理由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章 HTML5的结构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新增的figure元素与figcaption元素80

4.3.2新增的details元素与summa元素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全局唯一标识符：symbol166

5.2.3代理与反射170

5.2.4新增的各种集合对象176

5.3对现有对象的扩展187

第6章 文件API194

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 Storage218

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章 扩展的XMLHttpRequestAPI及FetchAPI307

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 API328

8.4.1告别XMLHttpRequest328

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 SharedWorker350

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章 通信API376

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 API384

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 API390

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

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

11.4 BroadcastChannel API398

11.4.1 BroadcastChannelAPI的基本概念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 DOM410

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 URL514

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

13.9.4简单动画的制作518

13.9.5解码图像521

第14章 多媒体相关API523

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

14.2属性526

14.3方法530

14.4事件533

下册1

第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、emp和target18

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

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

16.3.5循环使用样式30

16.3.6 only-child选择器32

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

16.4.1伪类选择器E：hover、E：active和E：focus34

16.4.2伪类选择器E：enabled与E：disabled36

16.4.3伪类选择器E：read-only与E：read-write37

16.4.4伪类选择器E：checked、E：default和E：indetermninate38

16.4.5伪类选择器E：：selection41

16.4.6伪类选择器E：invalid与E：valid43

16.4.7伪类选择器E：required与E：optional44

16.4.8伪类选择器E：in-range与E：out-of-range44

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将参数设定为0105

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与round124

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 API185

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指定颜色值为transparent265

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