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

Chapter 01 HTML5概述 2

1.1 什么是HTML5 2

1.2 HTML5发展历程 2

1.3 认识HTML5 3

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和canvas 45

3.2 使用canvas API 45

3.2.1 检测浏览器是否支持 45

3.2.2 在页面中加入canvas 46

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 拖放API 97

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 API 113

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 API 124

8.3.1 存储和获取数据 125

8.3.2 localstorage和sessionstorage 126

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 使用离线Web 137

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 API 147

9.5.1 检测浏览器是否支持 147

9.5.2 创建Web Workers 148

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-family 187

11.1.2 字号font-size 187

11.1.3 字重font-weight 189

11.1.4 文本转换text-transform 190

11.1.5 字体风格font-style 192

11.1.6 字体颜色color 193

11.1.7 文本修饰text-decoration 194

11.1.8 字体属性简写font 195

11.2 段落样式 197

11.2.1 字符间隔letter-spacing 197

11.2.2 单词间隔word-spacing 198

11.2.3 段落缩进text-indent 199

11.2.4 横向对齐方式text-align 200

11.2.5 纵向对齐方式vertical-align 202

11.2.6 文本行间距line-height 203

11.3 边框 205

11.3.1 边框线型border-style 206

11.3.2 边框颜色border-color 206

11.3.3 边框宽度border-width 207

11.3.4 边框属性简写border 208

11.4 外轮廓 209

11.4.1 边框线型outline-style 209

11.4.2 边框颜色outline-color 210

11.4.3 边框宽度outline-width 210

11.4.4 外轮廓属性简写outline 210

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

11.5 列表样式简介 214

11.5.1 列表的控制原则 214

11.5.2 列表符号类型 215

11.6 列表相关属性 217

11.6.1 列表样式list-style-type 217

11.6.2 列表标记的图像list-style-image 219

11.6.3 列表标记的位置list-style-position 221

11.6.4 列表属性简写list-style 223

本章小结 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 不透明度alpha 293

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-shadow 315

18.2 文本溢出text-overflow 316

18.3 文本换行word-wrap 318

18.4 单词拆分word-break 319

18.5 圆角边框border-radius 320

18.6 盒子阴影box-shadow 322

18.7 边界边框border-image 324

本章小结 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 调整尺寸resizing 393

25.3.2 方框大小调整box-sizing 394

25.3.3 外形修饰outline-offset 398

本章小结 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