HTML5+CSS3+JavaScript从入门到精通 标准版PDF电子书下载

第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