HTML 5+CSS 3从入门到精通 微课精编版【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML 5+CSS 3从入门到精通 微课精编版PDF格式电子书版下载

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

第1章 HTML5基础1

1.1 HTML5概述2

1.1.1 HTML版本概览2

1.1.2 HTML5诞生记2

1.1.3 HTML5组织4

1.1.4 HTML5开发规则4

1.1.5 HTML5特性4

1.1.6 浏览器检测6

1.2 HTML5设计原则6

1.2.1 避免不必要的复杂性6

1.2.2 支持已有内容7

1.2.3 解决实际问题7

1.2.4 用户怎么使用就怎么设计规范8

1.2.5 优雅地降级8

1.2.6 支持的优先级9

1.3 HTML5语法特性9

1.3.1 文档和标记9

1.3.2 宽松的约定10

1.4 案例实战11

1.4.1 编写第一个HTML5文档11

1.4.2 比较HTML4与HTML5文档结构12

1.4.3 设计一个较详细的HTML5文档模板13

1.5 HTML5 API14

1.5.1 新增的API14

1.5.2 修改的API14

1.5.3 扩展Document15

1.5.4 扩展HTMLElement15

1.5.5 扩展DOM HTML15

1.5.6 弃用的API15

1.6 在线练习15

第2章 HTML5新增元素和文档结构16

2.1 HTML5元素17

2.1.1 新元素分类17

2.1.2 废除的元素17

2.2 设计新的文档结构17

2.2.1 article——文章块17

2.2.2 section——区块18

2.2.3 nav——导航条21

2.2.4 aside——辅助栏22

2.2.5 main——主要区域24

2.2.6 header——标题栏25

2.2.7 hgroup——标题组25

2.2.8 footer——页脚栏26

2.3 设计新的语义信息27

2.3.1 address——联系信息27

2.3.2 time——显示时间27

2.3.3 figure和figcaption流媒体29

2.3.4 details和summary——详细内容29

2.3.5 mark——记号文本31

2.3.6 progress——进度条32

2.3.7 meter——度量33

2.3.8 dialog——模态对话框34

2.3.9 bdi——隔离文本35

2.3.10 wbr——换行断点36

2.3.11 ruby、 rt、 rp——文本注释36

2.3.12 command——菜单命令37

2.4 完善旧元素38

2.4.1 a——超链接38

2.4.2 ol——有序列表39

2.4.3 dl——定义列表39

2.4.4 cite ——引用文本40

2.4.5 small——小号字体41

2.4.6 iframe——浮动框架41

2.4.7 script——脚本41

2.5 HTML5新的全局属性42

2.5.1 contentEditable——可编辑内容42

2.5.2 contextmenu——快捷菜单43

2.5.3 data——自定义属性44

2.5.4 draggable——可拖动45

2.5.5 dropzone——拖动数据45

2.5.6 hidden——隐藏45

2.5.7 spellcheck——语法检查46

2.5.8 translate——可翻译46

2.6 HTML5文档大纲47

2.6.1 定义文档节段47

2.6.2 隐式分节47

2.6.3 特殊分节47

2.7 案例实战47

2.8 在线练习50

第3章 HTML5表单51

3.1 HTML5表单特性52

3.2 新的Input类型53

3.2.1 email——Email地址框53

3.2.2 url——URL地址框54

3.2.3 number——数字框55

3.2.4 range——范围框56

3.2.5 date pickers——日期选择器57

3.2.6 search——搜索框62

3.2.7 tel——电话号码框63

3.2.8 color——拾色器63

3.3 新的input属性64

3.3.1 autocomplete——自动完成64

3.3.2 autofocus——自动获取焦点65

3.3.3 form——归属表单66

3.3.4 表单重写67

3.3.5 height和width——高和宽67

3.3.6 list——列表选项68

3.3.7 min、 max和step——最小值、最大值和步长68

3.3.8 multiple——多选68

3.3.9 pattern——匹配模式69

3.3.10 placeholder——替换文本69

3.3.11 required——必填70

3.4 新的表单元素71

3.4.1 datalist——数据列表71

3.4.2 keygen——密钥对生成器71

3.4.3 output——输出结果72

3.5 新的 form属性73

3.5.1 autocomplete——自动完成73

3.5.2 novalidate——禁止验证73

3.6 案例实战74

3.6.1 设计HTML5注册表单74

3.6.2 设计HTML5验证表单75

3.7 在线练习75

第4章 HTML5绘图和动画76

4.1 使用canvas77

4.2 绘制图形79

4.2.1 矩形79

4.2.2 路径80

4.2.3 直线81

4.2.4 圆弧82

4.2.5 二次方曲线83

4.2.6 三次方曲线85

4.3 定义样式和颜色86

4.3.1 颜色86

4.3.2 不透明度87

4.3.3 实线88

4.3.4 虚线90

4.3.5 线性渐变91

4.3.6 径向渐变92

4.3.7 图案93

4.3.8 阴影94

4.3.9 填充规则95

4.4 图形变形95

4.4.1 保存和恢复状态95

4.4.2 清除画布96

4.4.3 移动坐标97

4.4.4 旋转坐标98

4.4.5 缩放图形100

4.4.6 变换图形100

4.5 图形合成102

4.5.1 合成102

4.5.2 裁切104

4.6 绘制文本105

4.6.1 填充文字105

4.6.2 轮廓文字106

4.6.3 文本样式107

4.6.4 测量宽度108

4.7 使用图像109

4.7.1 导入图像109

4.7.2 缩放图像111

4.7.3 裁切图像111

4.7.4 平铺图像112

4.8 像素操作114

4.8.1 认识ImageData对象114

4.8.2 创建图像数据114

4.8.3 将图像数据写入画布114

4.8.4 在画布中复制图像数据115

4.8.5 保存图片116

4.9 Path2D对象117

4.9.1 Canvas 2D API新功能117

4.9.2 使用Path2D对象119

4.10 案例实战121

4.10.1 设计基本动画122

4.10.2 颜色选择器122

4.10.3 给图像去色123

4.10.4 缩放图像和反锯齿处理123

4.10.5 设计运动动画123

4.10.6 设计地球和月球公转动画124

4.11 在线练习124

第5章 HTML5音频和视频125

5.1 使用HTML 5音频和视频126

5.1.1 使用〈audio〉126

5.1.2 使用〈video〉127

5.1.3 设置属性129

5.1.4 设置方法132

5.1.5 设置事件133

5.2 案例实战135

5.2.1 设计音乐播放器135

5.2.2 获取播放进度136

5.2.3 设计视频播放器136

5.2.4 视频自动截图137

5.2.5 视频同步字幕138

5.2.6 使用HTML5 Web Audio API增加声音142

5.2.7 访问多媒体属性、方法和事件143

5.3 在线练习143

第6章 数据存储144

6.1 Web Storage145

6.1.1 使用Web Storage145

6.1.2 案例：设计登录页147

6.1.3 案例：流量统计148

6.2 Web SQL Database149

6.2.1 使用Web SQL Database150

6.2.2 案例：设计登录页154

6.2.3 案例：设计留言板156

6.3 indexedDB163

6.3.1 建立连接163

6.3.2 更新版本165

6.3.3 新建仓库166

6.3.4 新建索引168

6.3.5 使用事务170

6.3.6 保存数据171

6.3.7 访问数据173

6.3.8 访问键值174

6.3.9 访问属性176

6.4 案例：设计录入表单178

6.5 在线练习179

第7章 应用程序缓存180

7.1 ApplicationCache API基础181

7.1.1 认识ApplicationCache API181

7.1.2 配置服务器182

7.1.3 认识manifest183

7.1.4 使用ApplicationCache185

7.1.5 事件监听189

7.2 案例实战190

7.2.1 缓存首页190

7.2.2 离线编辑193

7.3 在线练习193

第8章 多线程编程194

8.1 Web Workers基础195

8.1.1 认识Web Workers195

8.1.2 创建Web Workers196

8.1.3 Workers通信198

8.1.4 使用Web Workers199

8.2 案例实战202

8.2.1 求和运算202

8.2.2 过滤运算204

8.2.3 并发运算206

8.2.4 多运算通信206

8.2.5 数列运算206

8.3 在线练习206

第9章 位置信息207

9.1 Geolocation API基础208

9.1.1 Geolocation API应用场景208

9.1.2 位置信息来源208

9.1.3 位置信息表示方式208

9.1.4 获取位置信息209

9.1.5 浏览器兼容性211

9.1.6 监测位置信息211

9.1.7 停止获取位置信息211

9.1.8 保护隐私212

9.1.9 处理位置信息212

9.1.10 使用position212

9.2 案例：设计位置地图214

9.3 在线练习215

第10章 历史记录216

10.1 History API基础217

10.1.1 了解History API217

10.1.2 使用History API218

10.1.3 注意事项220

10.2 案例实战220

10.2.1 设计导航页面220

10.2.2 设计无刷新网站223

10.2.3 设计无刷新灯箱广告226

10.2.4 设计可后退画板226

10.3 在线练习227

第11章 文件操作228

11.1 FileList229

11.2 Blob230

11.2.1 访问Blob230

11.2.2 创建Blob231

11.2.3 截取Blob233

11.2.4 保存Blob234

11.3 FileReader235

11.3.1 读取文件235

11.3.2 事件监测237

11.4 ArrayBuffer和ArrayBufferView238

11.4.1 使用ArrayBuffer239

11.4.2 使用ArrayBuffer View239

11.4.3 使用DataView240

11.5 FileSystem API243

11.5.1 认识FileSystem API243

11.5.2 访问FileSystem243

11.5.3 申请配额245

11.5.4 新建文件248

11.5.5 写入数据250

11.5.6 添加数据252

11.5.7 读取数据253

11.5.8 复制文件254

11.5.9 删除文件255

11.5.10 创建目录256

11.5.11 读取目录259

11.5.12 删除目录260

11.5.13 复制目录261

11.5.14 重命名目录262

11.5.15 使用filesystem：URL264

11.6 案例：设计资源管理器265

11.7 在线练习266

第12章 HTML5通信267

12.1 跨文档消息传递268

12.1.1 postMessage基础268

12.1.2 案例：设计简单的跨域通话269

12.1.3 案例：设计跨域动态对话272

12.1.4 案例：设计通道通信275

12.2 WebSockets通信277

12.2.1 WebSocket基础278

12.2.2 使用WebSockets API279

12.2.3 在PHP中建立socket282

12.2.4 WebSockets API开发框架284

12.2.5 案例：设计简单的“呼-应”通信284

12.2.6 案例：发送JSON对象289

12.2.7 案例：使用Workerman框架通信290

12.2.8 案例：推送信息291

12.3 在线练习292

第13章 WebRTC视频直播293

13.1 WebRTC基础294

13.2 案例实战294

13.2.1 访问本地设备294

13.2.2 视频截图296

13.2.3 视频对话基础297

13.2.4 视频对话实现298

13.2.5 SDP交换305

13.2.6 ICE交换310

13.3 在线练习312

第14章 跨窗口操作313

14.1 通知API314

14.1.1 Notification API基础314

14.1.2 案例：设计桌面通知316

14.1.3 案例：关闭通知317

14.1.4 案例：设计多条通知318

14.2 页面可见API319

14.2.1 Page Visibility基础319

14.2.2 案例：设计视频页面321

14.2.3 案例：设计登录页面322

14.3 全屏API324

14.3.1 Fullscreen API基础324

14.3.2 案例：设计全屏显示326

14.3.3 案例：设计全屏播放327

14.4 在线练习328

第15章 拖放操作329

15.1 拖放API基础330

15.1.1 拖放功能实现330

15.1.2 DataTransfer对象333

15.2 案例实战336

15.2.1 设计垃圾箱336

15.2.2 设计接纳箱338

15.2.3 拖选对象339

15.2.4 可视化删除339

15.3 在线练习339

第16章 异步交互340

16.1 XMLHttpRequest 2基础341

16.1.1 请求时限341

16.1.2 FormData数据对象341

16.1.3 上传文件342

16.1.4 跨域访问342

16.1.5 响应不同类型数据342

16.1.6 接收二进制数据342

16.1.7 监测数据传输进度343

16.2 案例实战344

16.2.1 接收ArrayBuffer对象344

16.2.2 接收Blob对象347

16.2.3 发送字符串347

16.2.4 发送表单数据348

16.2.5 发送二进制文件350

16.2.6 发送Blob对象351

16.2.7 跨域请求351

16.2.8 设计文件上传进度条352

16.3 在线练习352

第17章 延迟处理353

17.1 延迟处理基础354

17.1.1 从回调函数到异步队列354

17.1.2 使用promise对象357

17.2 案例实战360

17.2.1 队列操作360

17.2.2 异常处理361

17.2.3 创建序列363

17.2.4 并行处理366

17.3 在线练习367

第18章HTML5其他API368

18.1 指针锁定API369

18.1.1 认识鼠标指针锁定API369

18.1.2 案例：设计全屏鼠标指针锁定369

18.2 requestAnimationFrame370

18.2.1 认识requestAnimFrame370

18.2.2 案例：设计进度条372

18.2.3 案例：设计旋转的小球372

18.3 Mutation Observer374

18.3.1 认识Mutation Observer374

18.3.2 案例：观察DOM元素376

18.3.3 案例：观察DOM属性376

18.4 在线练习377

第19章 CSS3基础378

19.1 CSS3概述379

19.1.1 CSS3模块379

19.1.2 CSS3开发状态379

19.1.3 浏览器支持状态380

19.2 CSS3选择器概述381

19.3 使用CSS3选择器384

19.3.1 兄弟选择器384

19.3.2 属性选择器385

19.3.3 伪类选择器386

19.3.4 伪对象选择器387

19.4 案例实战388

19.4.1 设计按钮样式388

19.4.2 设计列表样式389

19.4.3 设计表格样式389

19.4.4 设计表单样式390

19.4.5 设计锚点样式391

19.4.6 设计超链接样式391

19.5 在线练习392

第20章 CSS3文本样式393

20.1 CSS3文本模块394

20.1.1 文本模块概述394

20.1.2 文本溢出395

20.1.3 文本换行396

20.1.4 书写模式399

20.1.5 initial值401

20.1.6 inherit值402

20.1.7 unset值403

20.1.8 all属性403

20.2 色彩模式404

20.2.1 rgba（）函数404

20.2.2 hsl（）函数405

20.2.3 hsla（）函数408

20.2.4 opacity属性409

20.2.5 transparent值410

20.2.6 currentColor值411

20.3 文本阴影412

20.3.1 定义text-shadow413

20.3.2 案例：设计特效字414

20.4 内容生成和替换418

20.4.1 定义content418

20.4.2 案例：应用content420

20.5 网络字体421

20.5.1 使用＠font-face421

20.5.2 案例：设计字体图标423

20.6 案例实战424

20.6.1 设计黑科技网站首页424

20.6.2 设计消息提示框425

20.7 在线练习425

第21章 CSS3背景图像和渐变背景426

21.1 设计背景图像427

21.1.1 设置定位原点427

21.1.2 设置裁剪区域428

21.1.3 设置背景图像大小430

21.1.4 设置多重背景图像431

21.2 设计渐变背景433

21.2.1 定义线性渐变433

21.2.2 设计线性渐变样式435

21.2.3 案例：设计网页渐变色438

21.2.4 案例：设计条纹背景439

21.2.5 定义重复线性渐变442

21.2.6 定义径向渐变443

21.2.7 设计径向渐变样式445

21.2.8 定义重复径向渐变447

21.2.9 案例：设计网页背景色448

21.2.10 案例：设计图标450

21.3 案例实战451

21.3.1 设计优惠券451

21.3.2 设计桌面纹理背景451

21.3.3 设计按钮452

21.3.4 渐变特殊应用场景452

21.3.5 设计栏目折角效果453

21.4 在线练习453

第22章 CSS3用户接口样式454

22.1 界面显示455

22.1.1 显示方式455

22.1.2 调整尺寸456

22.1.3 缩放比例457

22.2 轮廓样式458

22.2.1 定义轮廓458

22.2.2 设计轮廓线460

22.3 边框样式462

22.3.1 定义边框图像源462

22.3.2 定义边框图像平铺方式463

22.3.3 定义边框图像宽度464

22.3.4 定义边框图像分割方式464

22.3.5 定义边框图像扩展465

22.3.6 案例：应用边框图像466

22.3.7 定义圆角边框468

22.3.8 案例：设计椭圆图形470

22.4 盒子阴影471

22.4.1 定义盒子阴影472

22.4.2 案例：box-shadow的应用474

22.4.3 案例：设计翘边阴影476

22.5 案例实战478

22.5.1 设计内容页478

22.5.2 设计应用界面479

22.6 在线练习479

第23章 CSS3伸缩盒布局480

23.1 多列布局481

23.1.1 设置列宽481

23.1.2 设置列数482

23.1.3 设置间距482

23.1.4 设置列边框483

23.1.5 设置跨列显示484

23.1.6 设置列高度485

23.2 旧版伸缩盒485

23.2.1 启动伸缩盒485

23.2.2 设置宽度486

23.2.3 设置顺序488

23.2.4 设置方向488

23.2.5 设置对齐方式489

23.3 新版伸缩盒491

23.3.1 认识Flexbox系统491

23.3.2 启动伸缩盒492

23.3.3 设置主轴方向493

23.3.4 设置行数494

23.3.5 设置对齐方式495

23.3.6 设置伸缩项目497

23.4 伸缩盒版本比较和兼容499

23.4.1 版本比较和兼容方法500

23.4.2 案例：设计3栏页面503

23.4.3 案例：设计3行3列应用503

23.5 在线练习504

第24章 CSS3动画505

24.1 CSS3变形506

24.1.1 认识Transform506

24.1.2 设置原点506

24.1.3 2D旋转507

24.1.4 2D缩放508

24.1.5 2D平移509

24.1.6 2D倾斜509

24.1.7 2D矩阵510

24.1.8 设置变形类型511

24.1.9 设置透视距离和原点511

24.1.10 3D平移515

24.1.11 3D缩放516

24.1.12 3D旋转517

24.1.13 透视函数517

24.1.14 变形原点518

24.1.15 背景可见518

24.2 过渡动画519

24.2.1 设置过渡属性519

24.2.2 设置过渡时间520

24.2.3 设置延迟过渡时间521

24.2.4 设置过渡动画类型521

24.2.5 设置过渡触发动作522

24.3 帧动画527

24.3.1 设置关键帧527

24.3.2 设置动画属性528

24.4 案例实战530

24.4.1 设计图形530

24.4.2 设计冒泡背景按钮531

24.4.3 设计动画效果菜单531

24.4.4 设计照片特效532

24.4.5 设计立体盒子532

24.4.6 旋转盒子533

24.4.7 设计翻转广告533

24.4.8 设计跑步效果533

24.4.9 设计折叠面板534

24.5 在线练习534

第25章 CSS3媒体查询535

25.1 媒体查询基础536

25.1.1 媒体类型和媒体查询536

25.1.2 使用＠media537

25.1.3 应用＠media538

25.2 案例实战541

25.2.1 判断显示屏幕宽度541

25.2.2 设计响应式版式542

25.2.3 设计响应式菜单543

25.2.4 设计自动隐藏布局544

25.2.5 设计自适应手机页面544

25.3 在线练习545