HTML5+CSS3从入门到精通 标准版PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3从入门到精通 标准版PDF格式电子书版下载

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

第1章HTML5基础1

1.1 HTML5概述1

1.1.1 HTML历史1

1.1.2 HTML5诞生2

1.1.3 HTML5组织3

1.1.4 HTML5构成4

1.2 HTML5设计理念4

1.2.1避免不必要的复杂性4

1.2.2支持已有的内容5

1.2.3解决现实的问题6

1.2.4求真务实7

1.2.5平稳退化9

1.2.6最终用户优先10

1.3 HTML5新特性11

1.4 HTML5 API12

1.4.1新增的API12

1.4.2修改的API13

1.4.3扩展Document14

1.4.4扩展HTMLElement14

1.4.5其他扩展15

1.4.6弃用的API15

1.5案例：编写第一个HTML5页面16

1.5.1搭建测试环境16

1.5.2检测浏览器是否支持16

1.5.3使用HTML5编写页面17

第2章 设计HTML5文档19

2.1 HTML5语法19

2.1.1标记变化19

2.1.2兼容性20

2.1.3案例：设计HTML5页面21

2.2 HTML5元素22

2.2.1结构元素22

2.2.2功能元素25

2.2.3表单元素27

2.2.4废除的元素28

2.3 HTML5属性28

2.3.1表单属性29

2.3.2链接属性29

2.3.3其他属性29

2.3.4废除的属性29

2.4 HTML5全局属性31

2.4.1 contentEditable属性31

2.4.2 contextmenu属性32

2.4.3 data-*属性32

2.4.4 draggable属性34

2.4.5 dropzone属性34

2.4.6 hidden属性34

2.4.7 spellcheck属性34

2.4.8 translate属性35

2.5 HTML5事件35

2.5.1 window事件35

2.5.2 form事件36

2.5.3 mouse事件36

2.5.4 media事件37

2.6案例：设计HTML5页面37

2.6.1使用HTML5结构化元素37

2.6.2使用CSS美化HTML5文档40

第3章 构建HTML5结构42

3.1设计主体结构42

3.1.1定义文章块42

3.1.2定义内容块44

3.1.3定义导航块47

3.1.4定义侧边栏49

3.1.5定义主要区域50

3.2设计语义结构51

3.2.1定义标题栏51

3.2.2定义标题组52

3.2.3定义脚注栏53

3.2.4定义联系信息段54

3.2.5定义时间段55

3.2.6定义发布日期55

3.3设计文档大纲56

3.3.1 HTML4文档纲要57

3.3.2 HTML5文档纲要58

3.3.3 HTML5隐式分节59

3.3.4 HTML5特殊分节61

3.3.5 HTML5兼容样式62

3.4实战案例63

3.4.1设计完整的HTML5文档结构63

3.4.2设计博客结构65

3.4.3设计博客样式67

第4章 增强HTML5表单和页面功能70

4.1 HTML5 input类型70

4.1.1 email类型71

4.1.2 url类型72

4.1.3 number类型73

4.1.4 range类型74

4.1.5日期选择器类型75

4.1.6 search类型81

4.1.7 tel类型82

4.1.8 color类型83

4.2 HTML5 input属性84

4.2.1 autocomplete属性84

4.2.2 autofocus属性86

4.2.3 form属性87

4.2.4表单重写属性88

4.2.5 height和width属性89

4.2.6 list属性89

4.2.7 min、 max和step属性90

4.2.8 multiple属性91

4.2.9 pattern属性92

4.2.10 placeholder属性92

4.2.11 required属性93

4.3新表单控件94

4.3.1 datalist元素94

4.3.2 keygen元素94

4.3.3 output元素95

4.4新表单属性96

4.4.1 autocomplete属性96

4.4.2 novalidate属性96

4.4.3显式验证97

4.5新增页面元素98

4.5.1 figure和figcaption元素98

4.5.2 details和summary元素99

4.5.3 mark元素102

4.5.4 progress元素103

4.5.5 meter元素104

4.5.6 dialog元素105

4.6完善页面元素107

4.6.1 a元素107

4.6.2 ol元素108

4.6.3 dl元素108

4.6.4 cite元素109

4.6.5 small元素110

4.6.6 iframe元素110

4.6.7 script元素110

第5章HTML5绘图113

5.1 HTML5 canvas基础113

5.1.1在页面中插入canvas元素113

5.1.2绘制图形的基本方法114

5.1.3使用canvas115

5.2绘制图形117

5.2.1绘制直线117

5.2.2绘制矩形119

5.2.3绘制圆形120

5.2.4绘制多边形121

5.2.5绘制曲线123

5.2.6绘制二次方曲线123

5.2.7绘制三次方曲线125

5.3设置图形样式126

5.3.1设置线型126

5.3.2绘制线性渐变130

5.3.3绘制径向渐变131

5.3.4绘制图案132

5.3.5设置不透明度133

5.3.6设置阴影134

5.4操作图形135

5.4.1保存和恢复canvas状态135

5.4.2清除绘图136

5.4.3移动坐标137

5.4.4旋转坐标139

5.4.5缩放图形141

5.4.6变换矩阵142

5.4.7组合图形144

5.4.8裁切路径147

5.5绘制文字148

5.5.1绘制填充文字148

5.5.2设置文字属性149

5.5.3绘制轮廓文字149

5.5.4测量宽度150

5.6绘制图像151

5.6.1导入图像152

5.6.2变换图像153

5.6.3裁切图像155

5.6.4图像平铺156

5.6.5像素处理158

5.7 Path2D对象159

5.7.1 Canvas 2D API新功能159

5.7.2使用Path2D对象160

5.8实战案例164

5.8.1设计canvas动画164

5.8.2保存绘图167

第6章 使用SVG170

6.1 SVG基础170

6.1.1 SVG发展历史170

6.1.2 SVG特点170

6.1.3在HTML中应用SVG171

6.1.4案例：设计第一个SVG图形172

6.2使用SVG173

6.2.1矩形173

6.2.2圆形174

6.2.3椭圆175

6.2.4多边形176

6.2.5直线177

6.2.6折线178

6.2.7路径179

6.2.8文本181

6.2.9线框样式182

6.2.10 SVG滤镜185

6.2.11模糊效果186

6.2.12阴影效果187

6.2.13线性渐变189

6.2.14放射渐变190

6.3实战案例191

6.3.1手绘简笔画191

6.3.2描边动画193

6.3.3设计特效文字196

6.3.4自定义滤镜199

第7章 使用HTML5多媒体207

7.1 HTML5多媒体基础207

7.1.1认识编解码器207

7.1.2浏览器支持208

7.1.3使用audio元素212

7.1.4使用video元素213

7.1.5设置媒体属性215

7.1.6使用媒体方法218

7.1.7使用媒体事件219

7.2实战案例221

7.2.1设计音乐播放器221

7.2.2显示播放进度222

7.2.3查看视频帧画面224

7.2.4添加字幕227

第8章 本地存储232

8.1 Web Storage232

8.1.1 Web Storage基础232

8.1.2浏览器支持233

8.1.3使用Web Storage235

8.1.4案例：用户登录信息保存和读取237

8.1.5案例：Web留言本238

8.1.6案例：网页计数器240

8.2 Web SQL241

8.2.1 Web SQL基础241

8.2.2使用Web SQL242

8.2.3案例：创建本地数据库244

8.2.4案例：批量读写数据247

8.2.5案例：本地用户登录248

8.2.6案例：Web Storage和Web SQL比较应用251

8.3 indexedDB257

8.3.1 indexedDB基础257

8.3.2连接数据库258

8.3.3更新数据库版本260

8.3.4创建对象仓库261

8.3.5创建索引263

8.3.6使用事务265

8.3.7保存数据266

8.3.8获取数据268

8.3.9检索键值269

8.3.10检索属性值272

8.3.11案例：留言本274

8.3.12案例：电子刊物发布277

第9章 离线应用287

9.1 HTML5离线应用基础287

9.1.1认识HTML5离线应用287

9.1.2浏览器支持289

9.1.3使用manifest文件289

9.1.4使用离线缓存292

9.1.5监听离线存储295

9.2实战案例297

9.2.1缓存首页297

9.2.2离线编辑内容300

9.2.3离线跟踪304

第10章 多线程处理309

10.1 Web Workers基础309

10.1.1认识Web Workers309

10.1.2浏览器支持310

10.1.3创建Web Workers311

10.1.4 Web Workers通信312

10.1.5案例：使用Web Workers313

10.2实战案例316

10.2.1后台运算316

10.2.2数值过滤318

10.2.3并发处理320

10.2.4线程通信322

10.2.5 Fibonacci数列运算324

10.2.6多线程绘图326

第11章 文件操作330

11.1访问文件域330

11.2使用Blob对象331

11.2.1在文件域中访问Blob对象331

11.2.2创建Blob对象333

11.2.3截取Blob对象335

11.2.4保存Blob对象336

11.3使用FileReader对象338

11.3.1读取并显示文件338

11.3.2监测读取操作340

11.4使用缓存对象342

11.4.1使用ArrayBuffer对象342

11.4.2使用ArrayBufferView对象342

11.4.3使用DataView对象344

11.5使用FileSystem347

11.5.1访问文件系统347

11.5.2申请配额348

11.5.3创建文件352

11.5.4写入文件354

11.5.5添加数据355

11.5.6读取文件357

11.5.7复制文件358

11.5.8删除文件360

11.5.9创建目录361

11.5.10读取目录364

11.5.11删除目录366

11.5.12复制目录367

11.5.13移动和重命名目录368

11.5.14使用filesystem∶URL370

11.6实战案例372

第12章 使用History376

12.1 History API基础376

12.1.1 History API处理方式376

12.1.2浏览器兼容和扩展377

12.1.3操作历史记录377

12.2实战案例379

12.2.1设计无刷新页面导航379

12.2.2设计主题宣传网站382

12.2.3设计图片画廊385

12.2.4设计历史恢复388

第13章XMLHttpRequest 2392

13.1 XMLHttpRequest 2基础392

13.1.1使用XMLHttpRequest对象392

13.1.2 XMLHttpRequest老版本缺陷393

13.1.3 XMLHttpRequest 2版本功能393

13.1.4 HTTP请求时限393

13.1.5使用FormData对象393

13.1.6上传文件394

13.1.7跨域访问394

13.1.8响应数据394

13.1.9接收二进制数据395

13.1.10显示进度信息395

13.2实战案例396

13.2.1接收ArrayBuffer对象396

13.2.2接收Blob对象400

13.2.3发送字符串401

13.2.4发送表单数据402

13.2.5发送文件403

13.2.6发送Blob对象404

13.2.7跨域请求405

13.2.8设计带进度条的文件上传406

第14章 拖放和通知410

14.1拖放API410

14.1.1拖放API基础410

14.1.2使用DataTransfer对象413

14.1.3案例：删除项目416

14.1.4案例：接纳对象418

14.1.5案例：拖选照片420

14.1.6案例：扔入垃圾桶422

14.1.7案例：文件拖拽预览423

14.2通知API427

14.2.1通知API基础427

14.2.2案例：开启桌面通知429

14.2.3案例：使用脚本关闭通知431

14.2.4案例：显示多条通知431

第15章 地理位置433

15.1位置信息基础433

15.1.1为什么要学习Geolocation433

15.1.2位置信息表示方式433

15.1.3位置信息来源434

15.1.4 IP定位434

15.1.5 GPS定位434

15.1.6 Wi-Fi定位434

15.1.7手机定位435

15.1.8自定义定位435

15.2 Geolocation API基础435

15.2.1浏览器支持435

15.2.2获取当前地理位置436

15.2.3监视位置信息438

15.2.4停止获取位置信息438

15.2.5隐私保护438

15.2.6处理位置信息438

15.2.7使用position对象439

15.3实战案例440

第16章 HTML5其他应用443

16.1 Page Visibility API443

16.1.1 Page Visibility基础443

16.1.2案例：设计视频页面445

16.1.3案例：设计登录同步447

16.2 Fullscreen API448

16.2.1 Fullscreen API基础449

16.2.2案例：设计页面全屏显示451

16.2.3案例：设计视频全屏播放452

16.3鼠标指针锁定API454

16.3.1鼠标指针锁定API基础454

16.3.2案例：设计全屏鼠标指针锁定454

16.4 requestAnimationFrame458

16.4.1 requestAnimFrame基础458

16.4.2案例：设计进度条460

16.4.3案例：设计粒子动画461

16.4.4案例：设计旋转的小球463

16.5 Mutation Observer464

16.5.1 Mutation Observer基础464

16.5.2案例：观察DOM元素变化466

16.5.3案例：观察DOM属性变化467

16.6 JavaScript Promise468

16.6.1 Promise对象基础468

16.6.2创建promi se对象474

16.6.3使用then（）方法476

16.6.4队列化异步操作478

16.6.5异常处理479

16.6.6创建序列480

16.6.7并行处理483

16.7 Beacon API485

第17章CSS3基础487

17.1 CSS3概述487

17.1.1 CSS历史487

17.1.2 CSS3模块487

17.1.3 CSS3特性489

17.1.4 CSS3状态491

17.1.5浏览器支持492

17.2设计CSS页面494

第18章CSS3选择器498

18.1选择器概述498

18.1.1了解CSS3选择器498

18.1.2 CSS选择器分类498

18.2兄弟选择器501

18.3属性选择器502

18.4伪类选择器505

18.5实战案例507

18.5.1使用属性选择器507

18.5.2使用动态伪类510

18.5.3使用结构伪类513

18.5.4使用否定伪类519

18.5.5使用状态伪类521

18.5.6使用目标伪类523

18.5.7设计表单样式523

18.5.8设计超链接样式526

18.5.9设计表格样式528

第19章 文本样式533

19.1 CSS3文本模块基础533

19.2实战案例537

19.2.1定义文本阴影537

19.2.2设计文本特效539

19.2.3设计首页特效545

19.2.4文本溢出547

19.2.5文本换行548

19.2.6动态内容551

19.2.7默认样式553

19.2.8自定义字体554

第20章 色彩和渐变样式557

20.1颜色模式557

20.1.1 RGBA模式557

20.1.2 HSL模式559

20.1.3 HSLA模式561

20.1.4使用opacity属性563

20.1.5设置transparent值565

20.2渐变背景566

20.2.1 WebKit渐变566

20.2.2 Gecko渐变572

20.2.3 IE渐变578

20.2.4标准渐变579

20.3实战案例580

20.3.1设计按钮580

20.3.2设计纹理582

20.3.3设计栏目584

20.3.4渐变应用585

第21章 背景和边框样式588

21.1设计边框样式588

21.1.1多色边框588

21.1.2边框背景590

21.2设计圆角594

21.3设计倒影598

21.4设计阴影601

21.5设计背景图像605

21.5.1定义坐标605

21.5.2定义裁剪区域607

21.5.3定义大小609

21.5.4定义多背景图像611

21.6实战案例612

21.6.1设计椭圆图形612

21.6.2设计图标613

21.6.3设计边框615

21.6.4设计窗口616

第22章CSS3盒模型621

22.1 CSS3盒模型基础621

22.1.1定义显示方式621

22.1.2可控大小621

22.1.3内容溢出623

22.1.4定义轮廓625

22.1.5设置轮廓样式628

22.2实战案例631

22.2.1边界的应用631

22.2.2补白的应用635

22.2.3边框应用636

22.2.4设计模板页639

第23章CSS3新布局模型642

23.1多列布局642

23.1.1定义列宽642

23.1.2定义列数643

23.1.3定义列间距644

23.1.4定义列边框646

23.1.5定义跨列显示647

23.1.6定义列高度648

23.2盒布局模型650

23.2.1定义宽度650

23.2.2定义顺序652

23.2.3定义方向653

23.2.4自定义自适应654

23.2.5消除空白656

23.2.6定义对齐方式659

23.3弹性盒布局660

23.3.1定义弹性盒661

23.3.2定义伸缩方向662

23.3.3定义行数663

23.3.4定义对齐方式664

23.3.5定义伸缩项目667

23.4实战案例670

23.4.1设计伸缩菜单670

23.4.2设计伸缩页671

23.4.3设计可兼容多列模板673

23.4.4设计HTML5应用模板677

第24章CSS3变形和动画681

24.1 CSS3变形681

24.1.1 2D旋转681

24.1.2 2D缩放682

24.1.3 2D移动684

24.1.4 2D倾斜684

24.1.5 2D矩阵685

24.1.6定义变形原点686

24.1.7认识3D变形688

24.1.8 3D位移688

24.1.9 3D缩放690

24.1.10 3D旋转691

24.2过渡样式693

24.2.1定义过渡693

24.2.2定义过渡时间694

24.2.3定义延迟694

24.2.4定义效果695

24.2.5触发时机696

24.3关键帧动画698

24.3.1定义关键帧698

24.3.2定义动画名称700

24.3.3定义播放时间700

24.3.4定义播放方式700

24.3.5定义播放延迟701

24.3.6定义播放次数701

24.3.7定义播放方向701

24.3.8定义播放状态701

24.3.9定义播放外状态701

24.4实战案例702

24.4.1设计图片特效703

24.4.2设计变形对象704

24.4.3设计3D盒子706

24.4.4设计动态广告709

24.4.5设计翻转动画710

24.4.6设计运动动画712

24.4.7设计折叠面板713

第25章CSS3媒体查询715

25.1媒体查询基础715

25.1.1认识Media Queries715

25.1.2使用＠media规则716

25.2实战案例717

25.2.1跟踪浏览器窗口变化717

25.2.2设计响应式页面720

25.2.3设计自适应页面723

25.2.4智能隐藏和显示栏目727

25.2.5设计自适应手机网页730