轻松学HTML5+CSS3+JavaScript交互式Web前端开发PDF电子书下载

HTML5篇 3

第1章 HTML简介 3

1.1 HTML历史与HTML5 3

1.1.1 HTML发展历史 3

1.1.2 HTML5文件的基本结构 3

1.2 HTML5的优势 4

1.2.1 解决了跨浏览器问题 4

1.2.2 明确的语义支持 5

1.2.3 部分属性代替了原来的JavaScript 6

1.3 HTML5文件的编写方法 6

1.3.1 使用记事本编写HTML文件 6

1.3.2 使用DreamweaverCC编写HTML文件 7

第2章 HTML5与HTML其他版本的区别 10

2.1 语法 10

2.1.1 HTML5的语法变化 10

2.1.2 HTML5的标记方法 12

2.1.3 HTML5与其他版本互相兼容 13

2.2 HTML5保留的常用标签 13

2.2.1 基本标签 13

2.2.2 文本格式化标签 15

2.2.3 超链接和锚点 16

2.2.4 列表相关标签 17

2.2.5 图像相关标签 18

2.2.6 表格相关标签 19

2.2.7 框架相关标签 22

2.3 新增的常用标签 22

2.3.1 文档结构标签 22

2.3.2 语义相关标签 25

2.4 HTML5的通用属性 26

2.4.1 contentEditable属性 26

2.4.2 designMode属性 26

2.4.3 hidden属性 27

2.4.4 tabindex属性 27

2.4.5 spellcheck属性 28

2.5 HTML5中新增属性与不再使用的属性 28

2.5.1 新增的属性 28

2.5.2 不再使用的属性 33

第3章 HTML5的结构元素介绍 35

3.1 主体结构元素 35

3.1.1 header元素 35

3.1.2 article元素 36

3.1.3 section元素 38

3.1.4 nav元素 40

3.1.5 aside元素 41

3.1.6 footer元素 43

3.1.7 address元素 44

3.2 分组元素 45

3.2.1 hgroup元素 45

3.2.2 figure元素和figcaption元素 45

3.3 文本语义元素 48

3.3.1 mark元素 49

3.3.2 time元素 50

3.3.3 wbr元素 50

3.3.4 ruby元素、rt元素和rp元素 51

3.4 功能元素 51

3.4.1 meter元素 51

3.4.2 progress元素 52

3.4.3 details元素 52

3.4.4 summary元素 52

3.5 音频和视频元素 53

3.5.1 video元素 53

3.5.2 audio元素 54

3.5.3 用JavaScript控制video元素、audio元素 54

第4章 表单和文件 57

4.1 了解表单 57

4.1.1 表单概述 57

4.1.2 表单的基本结构 57

4.1.3 表单的新增属性 58

4.1.4 新增表单元素使用样式的方法 60

4.2 input元素类型 60

4.2.1 email类型 60

4.2.2 url类型 61

4.2.3 number类型 61

4.2.4 range类型 62

4.2.5 date类型和time类型 62

4.3 HTML5为表单控件新增的属性 62

4.4 表单验证 64

4.4.1 自动验证 64

4.4.2 显示验证 66

4.4.3 取消验证 67

4.4.4 自定义错误信息 67

4.5 文件API 68

4.5.1 FileReader接口 68

4.5.2 FileList对象与file对象 69

4.6 拖放API 72

4.6.1 拖放API简介 72

4.6.2 实现拖放的步骤 72

4.6.3 DataTransfer对象的属性与方法 74

第5章 HTML5多媒体 75

5.1 video元素与audio元素简介 75

5.2 video和audio的属性 76

5.3 video和audio的方法 84

5.4 相关事件 86

5.4.1 事件处理方式 86

5.4.2 事件介绍 87

5.4.3 事件监听 88

第6章 HTML5画布介绍 90

6.1 canvas基础 90

6.1.1 canvas元素 90

6.1.2 浏览器支持 91

6.2 绘制矩形 91

6.2.1 rect（）方法 91

6.2.2 fillRect（）方法 92

6.2.3 strokeRect（）方法 93

6.3 使用路径 93

6.3.1 绘制圆形 94

6.3.2 moveTo与lineTo 95

6.3.3 绘制基本图形 95

6.3.4 使用bezierCurveTo（）方法绘制贝塞尔曲线 98

6.4 绘制颜色渐变 99

6.4.1 线性渐变 99

6.4.2 径向渐变 100

6.5 绘制文本 101

6.5.1 绘制普通文本 101

6.5.2 绘制阴影文本 102

6.6 使用图像 104

6.6.1 绘制图像 104

6.6.2 图像平铺 106

6.6.3 图像裁剪 108

6.6.4 像素处理 109

6.7 图像的保存与恢复 110

6.7.1 保存与恢复状态 110

6.7.2 保存文件 112

6.8 简单动画制作 113

CSS3篇 117

第7章 CSS3概述 117

7.1 了解CSS3 117

7.1.1 CSS发展历史 117

7.1.2 CSS3的优缺点 117

7.2 CSS3能做什么 118

第8章 CSS样式引用 120

8.1 引入外部样式文件 120

8.2 导入外部样式 121

8.3 使用内部CSS样式 122

8.4 使用内联样式 123

8.5 优先级问题 124

第9章 选择器 127

9.1 选择器概述 127

9.2 属性选择器 127

9.2.1 属性选择器简介 127

9.2.2 CSS3中的属性选择器 127

9.2.3 灵活运用属性选择器 131

9.3 结构性伪类选择器 131

9.3.1 伪类选择器及伪元素选择器 131

9.3.2 结构性伪类选择器 133

9.4 目标伪类选择器 137

9.5 UI元素状态伪类选择器 138

9.5.1 E∶hover、E∶active和E：focus伪类选择器 139

9.5.2 E∶enabled与E∶disabled伪类选择器 140

9.5.3 E∶read-only与E∶read-write伪类选择器 140

9.5.4 E∶checked、E∶default和E∶indeterminate伪类选择器 141

9.5.5 E∷selection伪类选择器 143

9.6 通用兄弟元素选择器 144

9.7 元素选择器 145

9.8 ID选择器 145

9.9 class选择器 146

9.10 ID选择器与class选择器的优先级问题 146

第10章 字体与文本相关属性 147

10.1 字体属性 147

10.1.1 字体（font-family） 147

10.1.2 字号（font-size） 147

10.1.3 字体风格（font-style） 149

10.1.4 加粗字体（font-weight） 149

10.1.5 字体的复合属性（font） 150

10.1.6 字体颜色（color） 151

10.2 文本高级样式 152

10.2.1 阴影文本（text-shadow） 152

10.2.2 溢出文本（text-overflow） 153

10.2.3 控制换行（word-wrap） 154

10.2.4 字体尺寸控制（font-size-adjust） 155

10.3 段落设置 157

10.3.1 单词间隔（word-spacing） 157

10.3.2 字符间隔（letter-spacing） 158

10.3.3 文字修饰（text-decoration） 159

10.3.4 水平对齐方式（text-align） 160

10.3.5 垂直对齐方式（vertical-align） 161

10.3.6 文本缩进（text-indent） 163

10.3.7 文本行高（line-height） 164

10.3.8 文本反排（unicode-bidi和direction） 165

10.4 自定义字体 166

第11章 盒模型 168

11.1 盒的类型 168

11.1.1 基本类型 168

11.1.2 inline-block和inline-table类型 168

11.1.3 表格相关盒模型 170

11.1.4 list-item盒模型 171

11.2 盒属性 172

11.2.1 overflow属性 172

11.2.2 text-overflow属性 173

11.2.3 box-shadow属性 174

11.2.4 box-sizing属性和resize属性 174

11.2.5 box-orient属性 175

11.2.6 box-flex属性 176

11.2.7 box-direction属性 177

11.3 布局介绍 178

11.3.1 float属性及clear属性 178

11.3.2 columns属性 181

11.3.3 弹性盒布局 182

第12章 背景与边框 186

12.1 背景相关属性 186

12.2 新增的背景属性 187

12.2.1 background-clip属性 187

12.2.2 background-origin属性 189

12.2.3 background-size属性 190

12.2.4 background-break属性 193

12.3 多背景图设置 193

12.4 边框的设置 194

12.4.1 border-radius属性 194

12.4.2 border-color属性 197

12.4.3 border-image属性 198

第13章 CSS3动画特效 202

13.1 Transform 202

13.1.1 Transform的基础知识 202

13.1.2 Transform的分类 203

13.1.3 同时进行多种变换 214

13.2 Transition 215

13.2.1 Transition功能的使用方法 215

13.2.2 同时过渡多个属性 217

13.3 Animation 218

13.3.1 Animation功能的使用方法 218

13.3.2 多个属性同时改变的动画 219

JavaScript篇 223

第14章 JavaScript基本概述 223

14.1 JavaScript语言简介 223

14.2 JavaScript开发及运行环境 224

第15章 JavaScript语法详解 225

15.1 语法 225

15.1.1 区分大小写 225

15.1.2 注释 225

15.1.3 严格模式 226

15.1.4 标识符 226

15.2 保留关键字 227

15.3 变量 228

15.3.1 变量命名规则 228

15.3.2 变量声明 228

15.3.3 基本类型值和引用类型值 229

15.4 基本数据类型 232

15.4.1 Typeof操作符 232

15.4.2 Undefined类型 233

15.4.3 Null类型 233

15.4.4 Boolean类型 233

15.4.5 Number类型 234

15.4.6 String类型 236

15.5 复合类型 240

15.5.1 对象 240

15.5.2 数组 240

15.5.3 函数 242

15.6 运算符 244

15.6.1 赋值运算符 244

15.6.2 算术运算符 244

15.6.3 位运算符 245

15.6.4 比较运算符 246

15.6.5 逻辑运算符 250

15.6.6 三目运算符 251

15.6.7 逗号运算符 252

15.7 语句 252

15.7.1 if语句 252

15.7.2 do-while语句 255

15.7.3 while语句 256

15.7.4 for语句 256

15.7.5 for-in语句 257

15.7.6 break语句和continue语句 258

15.7.7 with语句 260

15.7.8 switch语句 260

15.8 函数 262

15.8.1 函数定义 263

15.8.2 函数调用 265

15.8.3 函数的实参和形参 268

15.8.4 递归函数 268

15.8.5 闭包 269

15.8.6 函数的实例属性和方法 270

15.9 私有变量 271

第16章 变量作用域 272

16.1 函数作用域 272

16.2 作用域链 273

第17章 DOM编程详解 274

17.1 DOM概述 274

17.2 节点层次 275

17.2.1 元素节点 275

17.2.2 文本节点 276

17.2.3 属性节点 278

17.2.4 注释节点 279

17.2.5 文档类型节点 280

17.2.6 CSS 281

17.2.7 JavaScript获取元素的方式 281

17.3 DOM的操作技术 283

17.3.1 修改HTML元素 283

17.3.2 表格操作 286

17.4 DOM扩展 289

17.4.1 选择符API 290

17.4.2 元素遍历 291

17.4.3 HTML5中类的操作 291

17.4.4 焦点管理 292

17.4.5 HTMLDocument的变化 293

17.4.6 字符编码 294

17.4.7 自定义数据属性 295

17.4.8 样式的相关特性 296

第18章 BOM详解 300

18.1 window对象 300

18.1.1 全局的window对象 301

18.1.2 访问历史 305

18.2 访问URL 306

18.3 弹出新窗口 307

18.3.1 对话框 309

18.3.2 浏览器和屏幕信息 311

18.3.3 使用定时器 313

第19章 事件机制 314

19.1 基本事件模型 314

19.1.1 绑定HTML元素属性 316

19.1.2 绑定DOM对象属性 317

19.1.3 事件处理函数和关键字this 317

19.2 事件流 319

19.2.1 事件冒泡 320

19.2.2 事件捕获 320

19.3 事件对象 321

19.3.1 DOM中的事件对象 321

19.3.2 IE中的事件对象 322

19.3.3 跨浏览器事件对象 323

19.4 事件类型 328

19.4.1 鼠标事件 328

19.4.2 键盘事件 329

19.4.3 文本事件 331

19.4.4 HTML5事件 333

19.4.5 设备事件 336

19.4.6 触摸事件 338

19.5 DOM的事件模型 340

19.5.1 绑定的事件处理器 340

19.5.2 访问事件对象 341

19.5.3 转发事件 343

19.5.4 取消事件的默认行为 345

19.5.5 事件委托 345

19.6 表单事件 348

19.6.1 elements［］表单对象集合 348

19.6.2 提交表单 349

19.6.3 重置表单 350

19.6.4 获取焦点事件 351

19.6.5 失去焦点事件 352

19.7 oncontextmenu事件 353

第20章 引用类型 358

20.1 Object类型 358

20.2 Array类型 359

20.2.1 创建数组的方式 359

20.2.2 操作数组的方法 362

20.3 Date类型 366

20.4 RegExp类型 369

20.5 Function类型 372

20.5.1 使用函数声明定义函数 372

20.5.2 使用函数表达式定义函数 373

20.5.3 函数重载 373

20.5.4 arguments 374

20.5.5 this对象 375

20.5.6 函数的属性和方法 376

第21章 面向对象 378

21.1 理解对象 378

21.1.1 面向对象的概念 378

21.1.2 属性类型 379

21.1.3 对象和关联数组 382

21.2 创建对象 383

21.2.1 使用构造函数创建对象 383

21.2.2 使用Object直接创建对象 384

21.2.3 使用JSON语法创建对象 385

21.3 继承 386

21.3.1 原型链 386

21.3.2 原型继承 388

21.3.3 多重继承 389

21.3.4 寄生式继承 390

21.3.5 原型继承与属性拷贝的混合应用 392

21.3.6 借用构造函数 392

21.3.7 组合继承 393

21.3.8 对象拷贝 394

21.3.9 constructor属性和instanceof运算符 398

第22章 存储与离线应用 400

22.1 Web Storage 400

22.1.1 Storage接口 400

22.1.2 简单Web留言本 403

22.1.3 存储结构化数据 404

22.2 cookie 406

22.3 离线应用 410

22.3.1 离线检测 411

22.3.2 本地缓存、浏览器网页缓存与离线应用的区别 412

22.3.3 application对象 412

22.3.4 离线应用的事件与监听 413

第23章 创建多线程 416

23.1 Web Worker可用的API 416

23.2 创建多线程 417

23.3 数据交换 418

23.3.1 主线程与子线程之间的数据交换 418

23.3.2 子线程之间的数据交换 419

23.4 线程嵌套 420