第1章 HTML5基础 1
1.1 HTML发展历史 1
1.2 HTML文档结构和基本语法 2
1.2.1 HTML4文档基本结构 2
1.2.2 HTML4基本语法 3
1.2.3 XHTML文档基本结构 4
1.2.4 XHTML基本语法 5
1.2.5 HTML5文档基本结构 6
1.2.6 HTML5基本语法 6
1.3 HTML4元素 8
1.3.1结构元素 8
1.3.2内容元素 9
1.3.3修饰元素 9
1.4 HTML4属性 10
1.4.1核心属性 10
1.4.2语言属性 10
1.4.3键盘属性 10
1.4.4内容属性 11
1.4.5其他属性 11
1.5 HTML5元素 11
1.5.1结构元素 12
1.5.2功能元素 12
1.5.3表单元素 14
1.6 HTML5属性 15
1.6.1表单属性 15
1.6.2链接属性 16
1.6.3其他属性 16
1.7 HTML5全局属性 16
1.7.1 contentEditable属性 16
1.7.2 contextmenu属性 17
1.7.3 data-*属性 18
1.7.4 draggable属性 19
1.7.5 dropzone属性 19
1.7.6 hidden属性 20
1.7.7 spellcheck属性 20
1.7.8 translate属性 20
第2章CSS3基础 22
2.1 CSS3概述 22
2.1.1 CSS的发展历史 22
2.1.2 CSS3新功能 23
2.1.3浏览器支持 25
2.2 CSS基本用法 26
2.2.1 CSS样式 26
2.2.2 CSS应用 27
2.2.3 CSS样式表 34
2.2.4导入外部样式表 34
2.2.5 CSS注释 35
2.3 CSS特性 37
2.3.1 CSS层叠性 37
2.3.2 CSS继承性 41
2.4实战案例 43
第3章 使用CSS3选择器 48
3.1 CSS3选择器分类 48
3.2基本选择器 48
3.2.1标签选择器 48
3.2.2类选择器 49
3.2.3 ID选择器 51
3.2.4通配选择器 52
3.3组合选择器 53
3.3.1包含选择器 53
3.3.2子选择器 54
3.3.3相邻选择器 55
3.3.4兄弟选择器 57
3.3.5分组选择器 58
3.4属性选择器 59
3.5伪类选择器 64
3.5.1动态伪类 64
3.5.2结构伪类 67
3.5.3否定伪类 75
3.5.4状态伪类 77
3.5.5目标伪类 78
3.6实战案例 79
3.6.1设计菜单样式 79
3.6.2设计表单样式 80
3.6.3设计超链接样式 82
3.6.4设计表格样式 84
第4章 设计网页文本 89
4.1使用文本标签 89
4.1.1标题文本 89
4.1.2段落文本 90
4.1.3引用文本 91
4.1.4强调文本 92
4.1.5格式文本 93
4.1.6输出文本 94
4.1.7缩写文本 95
4.1.8插入和删除文本 96
4.1.9文本方向 96
4.2 HTML5新增文本标签 97
4.2.1标记文本 97
4.2.2进度信息 98
4.2.3刻度信息 99
4.2.4时间信息 99
4.2.5联系文本 101
4.2.6隔离文本 101
4.2.7换行断点 101
4.2.8文本注释 102
4.3实战案例 103
4.3.1设计自我介绍页 103
4.3.2解决网页乱码 104
4.3.3把HTML转换为XHTML 104
4.3.4输出唐诗 107
第5章 使用CSS美化网页文本 109
5.1字体样式 109
5.1.1定义字体类型 109
5.1.2定义字体大小 110
5.1.3定义字体颜色 112
5.1.4定义字体粗细 112
5.1.5定义斜体字体 113
5.1.6定义下划线 113
5.1.7定义字体大小写 114
5.2文本样式 115
5.2.1定义文本对齐 115
5.2.2定义垂直对齐 116
5.2.3定义字距和词距 118
5.2.4定义行高 118
5.2.5定义缩进 121
5.3 CSS3新增文本样式 122
5.3.1定义文本阴影 122
5.3.2设计阴影特效 123
5.3.3定义溢出文本 128
5.3.4文本换行 129
5.3.5添加动态内容 132
5.3.6恢复默认样式 133
5.3.7自定义字体类型 134
5.4实战案例 135
5.4.1配置网页字体大小 135
5.4.2网页配色 138
5.4.3网页居中显示 140
5.4.4垂直对齐 141
5.4.5文字隐藏和截取 143
5.4.6设计中文报刊版式 146
5.4.7设计特效首页 149
5.4.8使用RGBA 151
5.4.9使用HSL 152
第6章 使用CSS美化图像 156
6.1在网页中插入图像 156
6.2设置图像样式 157
6.2.1定义图像大小 157
6.2.2定义图像边框 159
6.2.3定义图像不透明度 161
6.2.4定义圆角图像 162
6.2.5定义阴影图像 163
6.2.6图文混排 165
6.3设置背景图像 166
6.3.1定义背景图像 167
6.3.2定义显示方式 169
6.3.3定义显示位置 170
6.3.4定义固定背景 172
6.3.5定义坐标 174
6.3.6定义裁剪区域 176
6.3.7定义大小 178
6.3.8定义循环方式 179
6.3.9定义多背景图 179
6.4定义渐变背景 181
6.4.1设计Webkit渐变 181
6.4.2设计Gecko渐变 186
6.4.3设计W3C渐变 190
6.5实战案例 191
6.5.1设计图文新闻内容页 191
6.5.2设计精致按钮 194
6.5.3设计花边框 197
6.5.4设计阴影白边效果 198
6.5.5设计网页纹理背景 199
6.5.6设计发光的球体 201
6.5.7设计图标按钮 202
第7章 使用CSS美化超链接 205
7.1定义超链接 205
7.1.1 URL格式 205
7.1.2超链接分类 205
7.1.3使用<a>标签 206
7.1.4定义锚点链接 207
7.1.5定义不同目标的链接 208
7.1.6定义下载链接 209
7.1.7定义热点区域 209
7.1.8定义框架链接 210
7.2设置超链接样式 211
7.2.1伪类 212
7.2.2定义超链接样式 212
7.3实战案例 214
7.3.1定义下划线样式 214
7.3.2定义立体样式 217
7.3.3定义动态样式 219
7.3.4定义图像交换样式 221
7.3.5定义鼠标样式 223
7.3.6设计图形化按钮样式 224
7.3.7设计滑动门样式 227
第8章 使用CSS美化列表 229
8.1列表的基本结构 229
8.2创建列表 230
8.2.1无序列表 230
8.2.2有序列表 231
8.2.3定义列表 232
8.2.4菜单列表 235
8.2.5弹出菜单 237
8.2.6案例:设计图片旋转功能 240
8.2.7案例:设计分享功能 241
8.2.8案例:添加任务列表 243
8.3设计CSS样式 244
8.3.1设计项目符号类型 244
8.3.2自定义项目符号 245
8.3.3使用背景图设计项目符号 246
8.4实战案例 248
8.4.1使用背景图装饰菜单 248
8.4.2设计垂直导航条 250
8.4.3设计水平导航条 252
8.4.4设计多级菜单 256
8.4.5设计滑动门菜单 259
8.4.6设计排行榜 261
8.4.7设计图文列表栏目 263
第9章 使用CSS美化表格 267
9.1表格的基本结构 267
9.1.1早期表格的结构 267
9.1.2标准化的表格结构 268
9.2创建表格 268
9.2.1简单的表格 268
9.2.2包含表头的表格 269
9.2.3包含标题的表格 270
9.2.4结构化的表格 271
9.2.5列分组的表格 272
9.3设置表格属性 275
9.3.1设计单线表格 276
9.3.2设计井字表格 277
9.3.3设计细线表格 277
9.3.4设置表格说明 278
9.4设置单元格属性 278
9.4.1单元格跨列或跨行显示 279
9.4.2定义表头单元格 280
9.4.3为单元格指定表头 280
9.4.4定义单元格信息缩写 281
9.4.5对单元格进行分类 281
9.5设计CSS样式 282
9.5.1设计细线表格 282
9.5.2定义单元格间距和空隙 284
9.5.3隐藏空单元格 285
9.5.4定义标题样式 286
9.6实战案例 288
9.6.1隔行换色 288
9.6.2设计动态交互特效 290
9.6.3设计清淡视觉效果表格 291
9.6.4设计结构化表格 292
9.6.5设计日历表 295
第10章 使用CSS美化表单 299
10.1表单的基本结构 299
10.2创建表单控件 301
10.2.1输入型控件 301
10.2.2选择型控件 305
10.2.3辅助控件 308
10.3 HTML5新增输入类型 309
10.3.1 email类型 309
10.3.2 url类型 310
10.3.3 number类型 311
10.3.4 range类型 312
10.3.5日期选择器类型 312
10.3.6 search类型 315
10.3.7 tel类型 316
10.3.8 color类型 316
10.4 HTML5新增输入属性 317
10.4.1 autocomplete属性 317
10.4.2 autofocus属性 318
10.4.3 form属性 320
10.4.4表单重写属性 321
10.4.5 height和width属性 321
10.4.6 list属性 322
10.4.7 min、 max和step属性 322
10.4.8 multiple属性 323
10.4.9 pattern属性 323
10.4.10 placeholder属性 324
10.4.11 required属性 325
10.5 HTML5新增控件 325
10.5.1 datalist元素 325
10.5.2 keygen元素 325
10.5.3 output元素 326
10.6 HTML5表单属性 327
10.6.1 autocomplete属性 327
10.6.2 novalidate属性 327
10.6.3显式验证 328
10.7实战案例 328
10.7.1设计反馈表 328
10.7.2设计用户登录页 333
10.7.3设计用户注册页 337
10.7.4设计搜索页 340
第11章CSS3布局基础 343
11.1 CSS盒模型基础 343
11.1.1盒模型结构 343
11.1.2定义大小 344
11.1.3定义边框 346
11.1.4定义边界 349
11.1.5定义补白 350
11.2 CSS3完善盒模型 352
11.2.1定义显示方式 352
11.2.2定义元素尺寸大小 353
11.2.3溢出处理 354
11.2.4定义轮廓 355
11.2.5定义轮廓样式 357
11.2.6定义多色边框 361
11.2.7定义边框背景 363
11.3实战案例 366
11.3.1设计行内元素边框 366
11.3.2边界的应用 368
11.3.3边界重叠现象 372
11.3.4行内元素边界 375
11.3.5设计网页居中显示 376
11.3.6设计多栏高度自适应页面 378
11.3.7设计负边界页面 380
第12章CSS3+HTML5网页排版 383
12.1使用结构标签 383
12.1.1使用div和span 383
12.1.2使用id和class 384
12.1.3认识显示类型 385
12.1.4正确嵌套标签 387
12.2设计HTML5结构 390
12.2.1定义文章块 390
12.2.2定义内容块 392
12.2.3定义导航块 395
12.2.4定义侧边栏 396
12.2.5定义主要区域 397
12.2.6定义标题栏 398
12.2.7定义标题组 399
12.2.8定义脚注栏 399
12.3浮动显示 400
12.3.1定义浮动显示 400
12.3.2清除浮动 403
12.3.3浮动嵌套 404
12.3.4混合浮动布局 406
12.4定位显示 410
12.4.1定义定位显示 410
12.4.2定位框 412
12.4.3相对定位 414
12.4.4定位层叠 415
12.4.5混合定位布局 417
第13章 使用CSS3新布局 419
13.1多列布局 419
13.1.1设置列宽 419
13.1.2设置列数 420
13.1.3设置列间距 421
13.1.4设置列边框样式 422
13.1.5设置跨列显示 423
13.1.6设置列高度 424
13.2弹性盒布局 425
13.2.1定义Flexbox 426
13.2.2定义伸缩方向 428
13.2.3定义行数 429
13.2.4定义对齐方式 430
13.2.5定义伸缩项目 433
13.3实战案例 436
13.3.1比较3种布局方式 436
13.3.2设计可伸缩网页模板 440
13.3.3设计多列网页 443
13.3.4设计HTML5应用网页模板 445
第14章 使用CSS3动画 449
14.1设计2D变换 449
14.1.1定义旋转 449
14.1.2定义缩放 450
14.1.3定义移动 451
14.1.4定义倾斜 453
14.1.5定义矩阵 454
14.1.6定义变换原点 455
14.2设计3D变换 456
14.2.1定义位移 457
14.2.2定义缩放 459
14.2.3定义旋转 460
14.3设计过渡动画 462
14.3.1设置过渡属性 462
14.3.2设置过渡时间 463
14.3.3设置延迟时间 464
14.3.4设置过渡动画类型 465
14.3.5设置触发方式 465
14.4设计帧动画 471
14.4.1设置关键帧 472
14.4.2设置动画属性 473
14.5实战案例 475
14.5.1设计挂图 476
14.5.2设计高亮显示 477
14.5.3设计3D几何体 478
14.5.4设计旋转的盒子 480
14.5.5设计翻转广告 482
14.5.6设计跑步动画 484
第15章JavaScript基础 486
15.1 JavaScript入门 486
15.1.1在网页中插入JavaScript代码 486
15.1.2使用JavaScript文件 489
15.1.3 JavaScript语法基础 490
15.1.4认识JavaScript语法特性 492
15.2常量和变量 495
15.3表达式和运算符 496
15.4语句 500
15.4.1表达式语句和语句块 500
15.4.2条件语句 500
15.4.3循环语句 503
15.4.4跳转语句 505
15.4.5异常处理语句 506
15.4.6 var语句和function语句 507
15.4.7 with语句和空语句 507
15.5数据类型 508
15.5.1数值 508
15.5.2字符串 509
15.5.3布尔型 510
15.5.4 null和undefined 510
15.5.5引用型数据 510
15.6函数 511
15.6.1定义函数 511
15.6.2调用函数 512
15.6.3函数参数 512
15.6.4函数应用 514
15.6.5闭包函数 515
15.7对象 515
15.7.1创建对象 515
15.7.2访问对象 516
15.8数组 517
15.8.1定义数组 517
15.8.2存取元素 517
15.8.3数组应用 519
15.9实战案例 521
15.9.1检测数据类型 521
15.9.2数值计算与类型转换 523
15.9.3字符串替换 524
15.9.4增强数组排序 527
第16章 操作BOM 530
16.1使用window对象 530
16.1.1访问浏览器窗口 530
16.1.2全局作用域 530
16.1.3使用系统测试方法 532
16.1.4打开和关闭窗口 534
16.1.5使用框架集 536
16.1.6控制窗口位置 537
16.1.7控制窗口大小 538
16.1.8使用定时器 539
16.2使用navigator对象 542
16.2.1浏览器检测方法 543
16.2.2检测浏览器类型和版本号 543
16.2.3检测客户操作系统 545
16.2.4检测插件 545
16.3使用location对象 546
16.4使用history对象 548
16.5使用screen对象 548
16.6使用document对象 549
16.6.1访问文档对象 550
16.6.2动态生成文档内容 551
16.7实战案例 552
16.7.1使用远程脚本 552
16.7.2设计远程交互 554
16.7.3使用浮动框架 556
第17章 操作DOM 558
17.1 DOM基础 558
17.2使用节点 559
17.2.1节点类型 559
17.2.2节点名称和值 561
17.2.3节点关系 562
17.2.4访问节点 563
17.2.5操作节点 566
17.3使用文档节点 567
17.3.1访问文档子节点 567
17.3.2访问文档信息 568
17.3.3访问文档元素 568
17.3.4访问文档集合 569
17.3.5使用HTML5 Document 569
17.4使用元素节点 570
17.4.1访问元素 570
17.4.2遍历元素 571
17.4.3创建元素 573
17.4.4复制节点 574
17.4.5插入节点 575
17.4.6删除节点 577
17.4.7替换节点 578
17.4.8获取焦点元素 579
17.4.9检测包含节点 579
17.5使用文本节点 581
17.5.1访问文本节点 581
17.5.2创建文本节点 582
17.5.3操作文本节点 582
17.5.4读取HTML字符串 583
17.5.5插入HTML字符串 583
17.5.6替换HTML字符串 585
17.5.7插入文本 586
17.6使用文档片段节点 588
17.7使用属性节点 589
17.7.1访问属性节点 589
17.7.2读取属性值 590
17.7.3设置属性值 591
17.7.4删除属性 592
17.7.5使用类选择器 593
17.7.6自定义属性 594
17.8实战案例 595
17.8.1设计动态脚本 595
17.8.2使用script加载远程数据 598
17.8.3使用script实现异步交互 599
17.8.4使用JSONP 602
17.8.5使用CSS选择器 606
第18章 事件处理 608
18.1事件基础 608
18.1.1事件模型 608
18.1.2事件流 608
18.1.3绑定事件 609
18.1.4事件处理函数 610
18.1.5注册事件 611
18.1.6销毁事件 613
18.1.7使用event对象 615
18.1.8事件委托 617
18.2使用鼠标事件 618
18.2.1鼠标点击 619
18.2.2鼠标移动 619
18.2.3鼠标经过 621
18.2.4鼠标来源 622
18.2.5鼠标定位 622
18.2.6鼠标按键 625
18.3使用键盘事件 626
18.3.1键盘事件属性 626
18.3.2键盘响应顺序 628
18.4使用页面事件 629
18.4.1页面初始化 629
18.4.2结构初始化 631
18.4.3页面卸载 633
18.4.4窗口重置 633
18.4.5页面滚动 634
18.4.6错误处理 635
18.5使用UI事件 635
18.5.1焦点处理 635
18.5.2选择文本 636
18.5.3字段值变化监测 637
18.5.4提交表单 639
18.5.5重置表单 640
18.5.6剪贴板数据 641
18.6实战案例 643
18.6.1设计弹出对话框 643
18.6.2设计遮罩层 644
18.6.3自定义事件 646
18.6.4设计事件触发模型 646
18.6.5应用事件模型 648
第19章 使用Ajax 652
19.1 Ajax基础 652
19.1.1 HTTP头部信息 653
19.1.2定义XMLHttpRequest对象 655
19.1.3建立XMLHttpRequest连接 656
19.1.4发送GET请求 657
19.1.5发送POST请求 658
19.1.6转换串行化字符串 659
19.1.7跟踪状态 660
19.1.8中止请求 660
19.1.9获取XML数据 661
19.1.10获取HTML文本 662
19.1.11获取JavaScript脚本 662
19.1.12获取JSON数据 663
19.1.13获取纯文本 664
19.1.14获取头部信息 664
19.2实战案例 665
19.2.1动态查询记录集 665
19.2.2记录集分页显示 668
19.2.3设计Tab面板 670
19.2.4使用灯标 673