HTML5+CSS3从入门到精通 从前端开发、实战演练到网页设计布局一本就够【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

HTML5+CSS3从入门到精通 从前端开发、实战演练到网页设计布局一本就够PDF格式电子书版下载

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

Chapter 01 HTML5概述2

1.1 什么是HTML52

1.2 HTML5发展历程2

1.3 认识HTML53

1.3.1 兼容性3

1.3.2 用户优先和效率4

1.3.3 化繁为简4

1.3.4 通用访问5

1.4 HTML5新增功能5

1.4.1 字符集和DOCTYPE的改进5

1.4.2 语义化的标签6

1.4.3 新元素6

1.4.4 页面的交互性更加强大7

1.4.5 标准改进8

1.4.6 使用Selectors API简化选取操作8

1.5 使用HTML5的优势10

1.6 HTML5的发展趋势12

本章小结13

Chapter 02 HTML5的新增元素15

2.1 语法差异15

2.1.1 HTML5的语法变化15

2.1.2 HTML5的标记方法15

2.1.3 HTML5与旧版本的兼容性16

2.2 元素和属性差异17

2.2.1 HTML5中新增的元素17

2.2.2 HTML5中废弃的元素25

2.3 HTML5中新增的元素属性26

2.3.1 表单相关属性26

2.3.2 其他相关属性26

2.3.3 HTML5中废弃的属性27

2.3.4 全局属性27

2.4 新的主体结构元素29

2.4.1 article元素29

2.4.2 section元素30

2.4.3 nav元素32

2.4.4 aside元素34

2.4.5 time元素与微格式34

2.4.6 pubdate属性35

2.5 新的非主体结构元素36

2.5.1 header元素36

2.5.2 hgroup元素37

2.5.3 footer元素39

2.5.4 address元素40

本章小结41

Chapter 03 HTML5绘图功能43

3.1 canvas概述43

3.1.1 canvas是什么43

3.1.2 canvas的主要应用领域43

3.1.3 canvas历史43

3.1.4 canvas坐标44

3.1.5 CSS和canvas45

3.2 使用canvas API45

3.2.1 检测浏览器是否支持45

3.2.2 在页面中加入canvas46

3.2.3 绘制矩形与三角形48

3.3 绘制曲线路径51

3.3.1 路径51

3.3.2 描边样式53

3.3.3 填充样式54

3.3.4 绘制树干55

3.3.5 绘制曲线56

3.4 绘制图像57

3.4.1 插入图像58

3.4.2 绘制渐变图像59

3.4.3 缩放对象62

3.4.4 变换对象63

3.5 canvas文本应用64

3.5.1 文本绘制65

3.5.2 应用阴影66

3.5.3 像素数据67

实例精讲 动态时钟68

本章小结73

Chapter 04 视频和音频应用75

4.1 audio和video概述75

4.1.1 HTML5中音视频的问题75

4.1.2 浏览器支持情况75

4.2 使用audio和video元素76

4.2.1 检测浏览器是否支持76

4.2.2 audio元素77

4.2.3 使用audio元素79

4.2.4 video元素80

4.2.5 使用video元素80

本章小结81

Chapter 05 表单应用83

5.1 HTML5 form概述83

5.1.1 HTML5 form的新特性83

5.1.2 浏览器支持情况83

5.1.3 输入型控件85

5.2 新的表单元素87

5.3 表单新属性89

实例精讲 form应用92

本章小结95

Chapter 06 HTML5拖放97

6.1 拖放API97

6.1.1 实现拖放API的过程97

6.1.2 dataTransfer对象的属性与方法97

6.1.3 拖放列表100

实例精讲 重现邮箱附件拖拽上传103

本章小结106

Chapter 07 地理位置信息处理108

7.1 关于地理位置信息108

7.1.1 经度和纬度坐标108

7.1.2 IP地址定位数据108

7.1.3 GPS地理定位数据108

7.1.4 Wi-Fi地理定位数据109

7.1.5 用户自定义的地理定位109

7.2 浏览器支持情况109

7.2.1 Gerlocation API概述109

7.2.2 HTML5 Geolocation的浏览器支持情况112

7.3 隐私的处理112

7.3.1 应用隐私保护机制112

7.3.2 处理位置信息113

7.4 使用Geolocation API113

7.4.1 检测浏览器是否支持113

7.4.2 位置请求114

实例精讲 在地图上显示你的位置117

本章小结120

Chapter 08 本地储存应用122

8.1 webStorage概述122

8.1.1 webStorage简介122

8.1.2 简单的数据库应用122

8.2 浏览器支持情况124

8.3 使用webstorage API124

8.3.1 存储和获取数据125

8.3.2 localstorage和sessionstorage126

8.3.3 Web Storage事件机制126

8.4 本地数据库127

8.4.1 什么是本地数据库127

8.4.2 用executesql执行查询128

8.4.3 使用数据库实现网页留言131

本章小结135

Chapter 09 Web与Web Workers API应用137

9.1 离线Web概述137

9.1.1 离线Web简介137

9.1.2 离线Web应用的浏览器支持情况137

9.2 使用离线Web137

9.2.1 构建简单的离线应用程序138

9.2.2 支持离线行为139

9.2.3 mannifest文件140

9.2.4 applicationCache对象142

9.4 Web Workers概述143

9.4.1 Web Workers简介144

9.4.2 Web Workers的简单应用144

9.5 使用Web Workers API147

9.5.1 检测浏览器是否支持147

9.5.2 创建Web Workers148

9.5.3 多线程文件的加载与执行148

9.5.4 与Web Workers通信148

实例精讲 离线Web的具体应用151

本章小结155

Chapter 10 CSS基础157

10.1 CSS概述157

10.1.1 CSS简介157

10.1.2 CSS的特点及优点157

10.1.3 CSS的基本语法158

10.1.4 引入CSS的方法158

10.2 CSS选择器161

10.2.1 三大基础选择器161

10.2.2 集体选择器164

10.2.3 属性选择器165

10.2.4 后代选择器167

10.2.5 子元素选择器170

10.2.6 相邻兄弟选择器171

10.2.7 伪类173

10.2.8 伪元素175

10.3 CSS的继承181

10.3.1 继承关系181

10.3.2 CSS继承的局限性182

10.4 CSS绝对数值单位184

10.5 CSS相对数值单位184

本章小结185

Chapter 11 CSS样式187

11.1 字体样式187

11.1.1 字体font-family187

11.1.2 字号font-size187

11.1.3 字重font-weight189

11.1.4 文本转换text-transform190

11.1.5 字体风格font-style192

11.1.6 字体颜色color193

11.1.7 文本修饰text-decoration194

11.1.8 字体属性简写font195

11.2 段落样式197

11.2.1 字符间隔letter-spacing197

11.2.2 单词间隔word-spacing198

11.2.3 段落缩进text-indent199

11.2.4 横向对齐方式text-align200

11.2.5 纵向对齐方式vertical-align202

11.2.6 文本行间距line-height203

11.3 边框205

11.3.1 边框线型border-style206

11.3.2 边框颜色border-color206

11.3.3 边框宽度border-width207

11.3.4 边框属性简写border208

11.4 外轮廓209

11.4.1 边框线型outline-style209

11.4.2 边框颜色outline-color210

11.4.3 边框宽度outline-width210

11.4.4 外轮廓属性简写outline210

11.4.5 边框与外轮廓的异同点212

11.5 列表样式简介214

11.5.1 列表的控制原则214

11.5.2 列表符号类型215

11.6 列表相关属性217

11.6.1 列表样式list-style-type217

11.6.2 列表标记的图像list-style-image219

11.6.3 列表标记的位置list-style-position221

11.6.4 列表属性简写list-style223

本章小结223

Chapter 12 CSS背景属性与宽／高225

12.1 设置背景内容225

12.1.1 设置背景色225

12.1.2 设置背景图片227

12.2 设置背景平铺229

12.3 设置背景固定／滚动233

12.4 设置背景的位置235

12.5 背景简写属性239

12.6 宽／高属性239

本章小结242

Chapter 13 CSS显示相关244

13.1 设置可见性244

13.1.1 元素隐藏244

13.1.2 元素消失247

13.2 内容溢出与隐藏249

本章小结252

Chapter 14 CSS盒子模型254

14.1 盒子模型简介254

14.2 设置内／外边距254

14.2.1 设置外边距255

14.2.2 外边距合并258

14.2.3 内边距263

14.3 简单实例264

本章小结265

Chapter 15 CSS定位机制267

15.1 CSS定位机制简介267

15.2 常规定位与浮动定位268

15.2.1 常规定位268

15.2.2 浮动定位268

15.3 position属性272

15.3.1 绝对定位272

15.3.2 相对定位275

15.3.3 固定定位277

15.4 Z轴索引的优先级设置278

实例精讲 导航栏281

本章小结290

Chapter 16 光标和滤镜292

16.1 光标属性292

16.2 滤镜属性293

16.2.1 不透明度alpha293

16.2.2 设置图片不透明度294

本章小结295

Chapter 17 CSS3概述及新增功能297

17.1 CSS3简介297

17.1.1 CSS3与之前版本的异同点297

17.1.2 浏览器支持情况297

17.2 新增长度单位297

17.3 新增结构性伪类299

17.4 新增UI元素状态伪类306

17.5 新增属性和目标伪类308

本章小结313

Chapter 18 CSS3文本与边框样式315

18.1 文本阴影text-shadow315

18.2 文本溢出text-overflow316

18.3 文本换行word-wrap318

18.4 单词拆分word-break319

18.5 圆角边框border-radius320

18.6 盒子阴影box-shadow322

18.7 边界边框border-image324

本章小结326

Chapter 19 CSS3背景328

19.1 多重背景图片328

19.2 背景尺寸329

19.3 背景的绘制区域330

本章小结332

Chapter 20 CSS3渐变334

20.1 渐变简介334

20.2 浏览器支持情况334

20.3 线性渐变335

20.4 径向渐变339

本章小结341

Chapter 21 CSS3转换343

21.1 CSS3转换及浏览器支持343

21.2 2D转换343

21.3 3D转换353

21.3.1 rotateX（）方法353

21.3.2 rotateY（）方法355

21.3.3 转换属性356

21.3.4 3D转换方法359

本章小结360

Chapter 22 CSS3过渡362

22.1 过渡简介362

22.2 浏览器支持情况362

22.3 实现过渡363

22.3.1 单项属性过渡363

22.3.2 多项属性过渡365

22.4 过渡属性367

实例精讲 模拟苹果桌面368

本章小结370

Chapter 23 CSS3动画372

23.1 动画简介372

23.2 浏览器支持情况372

23.3 实现动画373

23.4 动画属性376

实例精讲 太阳系星球运转图378

本章小结383

Chapter 24 CSS3多列布局385

24.1 多列布局简介385

24.2 浏览器支持情况385

24.3 多列布局属性386

本章小结390

Chapter 25 CSS3用户界面392

25.1 用户界面简介392

25.2 浏览器支持情况392

25.3 用户界面属性393

25.3.1 调整尺寸resizing393

25.3.2 方框大小调整box-sizing394

25.3.3 外形修饰outline-offset398

本章小结400

Chapter 26 CSS3弹性盒子402

26.1 弹性盒子简介402

26.2 浏览器支持情况402

26.3 设置弹性盒子403

26.3.1 对父级容器的设置403

26.3.2 对子级元素的设置416

本章小结422

Chapter 27 CSS3多媒体查询424

27.1 多媒体查询简介424

27.2 浏览器支持情况424

27.3 多媒体查询的应用424

27.3.1 多媒体查询语法425

27.3.2 简单的多媒体查询425

实例精讲 自适应导航栏428

本章小结434

附录436

附录A HTML5标签436

附录B HTML事件属性450

附录C CSS属性一览453

附录D CSS3选择器463

附录E JavaScript对象参考手册464

附录F jQuery参考手册471

附录G HTML支持的符号479