本书从初学者的角度出发，由浅入深、循序渐进地介绍了HTML 5和CSS 3套用与开发的相关知识，书中提供了大量操作HTML 5和CSS 3新增功能的示例，还提供了用于演练的实战和上机练习。

第1章HTML快速入门 1

1.1HTML的概念 2

1.2HTML的文档结构 3

1.2.1文档编写规範 3

1.2.2文档声明标记 4

1.2.3标记文档开始 5

1.2.4标记文档头部 6

1.2.5标记文档主体 6

1.2.6编写注意事项 6

1.2.7实战——创建第一个HTML文档 7

1.3文档基础标记 9

1.3.1元信息标记 9

1.3.2字型标记 10

1.3.3超连结标记 14

1.3.4水平线标记 16

1.3.5段落标记 17

1.4列表标记 19

1.4.1编号列表 19

1.4.2项目符号列表 21

1.4.3说明项目列表 21

1.5表格标记 22

1.5.1表格的结构 22

1.5.2表格的属性 23

1.6表单标记 27

1.6.1创建表单 27

1.6.2创建表单元素 27

1.7实战——製作卡通类页面 30

1.8本章习题 32

第2章CSS基础 35

2.1CSS概述 36

2.1.1CSS简介 36

2.1.2CSS的使用 37

2.2CSS基础语法 40

2.3CSS高级语法 41

2.4CSS的常用样式 43

2.4.1CSS常用样式概述 43

2.4.2背景样式 44

2.4.3文本样式 47

2.4.4字型样式 53

2.4.5连结样式 58

2.4.6列表样式 59

2.4.7表格和轮廓 63

2.4.8其他样式 67

2.5实战——诗词鉴赏页面设计 71

2.6本章习题 73

第3章JavaScript脚本语言 75

3.1JavaScript脚本概述 76

3.2JavaScript的基本语法 77

3.2.1简单的JavaScript例子 77

3.2.2JavaScript语句 79

3.3JavaScript变数 81

3.3.1变数 81

3.3.2数据类型 82

3.4运算符 86

3.5JavaScript语句的类型 87

3.5.1选择语句 88

3.5.2循环语句 92

3.5.3跳转语句 95

3.5.4异常处理语句 96

3.6对象 97

3.6.1对象概述 97

3.6.2函式 99

3.6.3构造函式 100

3.7常用对象 101

3.7.1Array对象 101

3.7.2Document对象 102

3.7.3HTMLDOMEvent对象 103

3.7.4Window对象 104

3.8实战——长方体几何计算 105

3.9本章习题 106

第4章网页设计实战案例 109

4.1网页设计流程 110

4.2网页设计工具 110

4.2.1记事本 111

4.2.2FrontPage 111

4.2.3Dreamweaver 112

4.2.4实战——製作个人主页 113

4.3网页布局 117

4.3.1常见的网页布局结构 117

4.3.2设计居中布局 120

4.3.3设计自适应布局 121

4.3.4DIV+CSS重构网站布局 122

4.4布局理论 124

4.4.1区块的概念 124

4.4.2定义区块 125

4.4.3定位 126

4.4.4实战——具有固定位置的广告框 127

4.4.5空白边叠加 129

4.5实战——製作网页导航条 130

4.6实战——製作文本环绕图片 132

4.7实战——製作三栏部落格页面 133

4.8CSS设计规範 139

4.9本章习题 141

第5章认识HTML5 143

5.1了解HTML5 144

5.1.1HTML5的发展历史 144

5.1.2开发HTML5的三大组织 144

5.1.3使用HTML5的五大原因 145

5.1.4HTML5的未来发展趋势 147

5.2HTML5的语法 148

5.2.1文档媒体类型 148

5.2.2编码类型 149

5.2.3DOCTYPE声明 150

5.2.4其他内容 150

5.3HTML5表单 150

5.3.1HTML5输入类型 150

5.3.2HTML5表单元素 152

5.3.3HTML5表单属性 152

5.4HTML5的元素 154

5.4.1新增的元素 154

5.4.2更改元素 155

5.4.3废除的元素 156

5.5HTML5的属性 157

5.5.1标準属性 157

5.5.2事件属性 158

5.6支持HTML5的浏览器 161

5.6.1浏览器核心 161

5.6.2常用的浏览器 162

5.7实战——Chrome浏览器的安装和测试 164

5.8本章习题 166

第6章HTML5快速入门 169

6.1结构元素 170

6.1.1header元素 170

6.1.2article元素 171

6.1.3section元素 173

6.1.4nav元素 174

6.1.5aside元素 175

6.1.6footer元素 177

6.2分组元素 177

6.2.1hgroup元素 177

6.2.2figcaption和figure 178

6.3文本语义元素 179

6.3.1mark元素 179

6.3.2ruby、rt和rp元素 180

6.3.3time元素 180

6.3.4wbr元素 181

6.4互动元素 181

6.4.1meter元素 181

6.4.2progress元素 183

6.4.3details元素 185

6.4.4summary元素 185

6.5音频和视频元素 186

6.5.1video元素 186

6.5.2audio元素 191

6.6标準属性 193

6.6.1hidden属性 193

6.6.2contenteditable属性 194

6.6.3spellcheck属性 195

6.7实战——使用HTML5元素构建网页 196

6.8本章习题 199

第7章HTML5新型表单的使用 201

7.1了解表单 202

7.1.1表单概述 202

7.1.2表单的基本结构 203

7.2表单元素 204

7.2.1datalist元素 204

7.2.2keygen元素 205

7.2.3output元素 206

7.3输入类型 207

7.3.1email类型 207

7.3.2url类型 208

7.3.3number类型 209

7.3.4range类型 210

7.3.5datepickers类型 211

7.3.6search类型 212

7.3.7color类型 213

7.3.8tel类型 214

7.4表单属性 214

7.4.1表单属性 214

7.4.2input属性 217

7.5实战——修改用户个人资料 223

7.6表单验证 225

7.6.1表单验证概述 226

7.6.2checkValidity()验证 226

7.6.3setCustomValidity()验证 227

7.7本章习题 229

第8章HTML5操作页面图形 231

8.1了解canvas元素 232

8.1.1canvas历史 232

8.1.2canvas元素 232

8.1.3CSS和canvas 233

8.1.4CanvasAPI 233

8.1.5浏览器支持情况 233

8.2绘製文本 235

8.2.1绘製普通文本 235

8.2.2绘製阴影文本 237

8.3绘製矩形 239

8.3.1用rect()方法绘製 239

8.3.2用fillRect()方法绘製 240

8.3.3用strokeRect()方法绘製 241

8.3.4用clearRect()方法清除 241

8.4绘製路径 242

8.4.1路径绘图方法 242

8.4.2绘製基本图形 243

8.4.3绘製圆形和扇形 245

8.4.4贝塞尔曲线 247

8.5图形变换和组合 249

8.5.1图形变形 249

8.5.2矩阵变换 252

8.5.3图形组合 254

8.6绘製颜色渐变 256

8.6.1线性渐变 256

8.6.2径向渐变 258

8.7图片的常用操作 259

8.7.1drawImage()绘製 259

8.7.2createPattern()方法 261

8.7.3clip()方法 263

8.8实现动画特效 264

8.8.1了解动画 264

8.8.2实战——绘製动态闪动线条 265

8.9本章习题 266

第9章HTML5的其他新特性 269

9.1档案新增特性 270

9.1.1获取多个档案的信息 270

9.1.2新增的FileReader接口简介 272

9.1.3使用FileReader接口读取

档案 273

9.1.4使用FileReader接口监听事件 276

9.1.5档案读取时的异常处理 278

9.1.6实战——实现档案上传 279

9.2拖放功能 282

9.2.1拖放API简介 282

9.2.2拖放对象的方法和属性 283

9.2.3实战——模拟图片删除 285

9.3新增的客户端数据存储特性 288

9.3.1客户端存储对象简介 288

9.3.2操作本地数据 289

9.3.3实战——以JSON方式存取数据 293

9.4新增的本地资料库特性 295

9.4.1HTML5本地资料库简介 296

9.4.2资料库操作API 296

9.4.3实战——实现基于资料库的收藏夹管理 297

9.5跨文档传输信息 301

9.6多执行绪 303

9.6.1认识HTML5多执行绪 304

9.6.2实战——Worker对象的简单套用 305

9.7获取位置信息 307

9.7.1认识地图API 307

9.7.2Position对象 308

9.8HTML5的离线快取特性 310

9.9本章习题 312

第10章CSS3快速入门 315

10.1了解CSS3 316

10.1.1CSS3发展概述 316

10.1.2CSS3的优缺点 316

10.1.3浏览器支持情况 317

10.2CSS3的新增颜色 319

10.2.1HSL属性 319

10.2.2HSLA属性 321

10.2.3RGBA属性 323

10.2.4Opacity属性 324

10.3CSS3新增的选择器 326

10.3.1属性选择器 327

10.3.2结构化伪类选择器 328

10.3.3目标伪类选择器 329

10.3.4UI元素状态伪类选择器 329

10.3.5否定伪类 329

10.3.6通用兄弟选择器 330

10.4CSS3的新增属性 330

10.4.1框线属性 330

10.4.2背景属性 331

10.4.3文本属性 331

10.4.4盒模型属性 331

10.4.5用户界面属性 332

10.4.6新增的其他属性 332

10.5实战——以CSS3属性製作漂亮按钮 333

10.6本章习题 336

第11章CSS3新增的选择器 337

11.1属性选择器 338

11.1.1E[att^=value]选择器 338

11.1.2E[att$=value]选择器 340

11.1.3E[att*=value]选择器 340

11.2结构化伪类选择器 341

11.2.1E:root选择器 341

11.2.2E:nth-child(n)选择器 341

11.2.3E:nth-last-child(n)选择器 342

11.2.4E:nth-of-type(n)选择器 343

11.2.5E:nth-last-of-type(n)选择器 344

11.2.6E:last-child选择器 345

11.2.7E:first-of-type选择器 345

11.2.8其他选择器 346

11.3目标伪类选择器 346

11.4UI元素状态伪类选择器 347

11.4.1常用的选择器 347

11.4.2E::selection选择器 349

11.5否定伪类选择器 350

11.6通用兄弟选择器 350

11.7实战——设计直观的表单页面 351

11.8本章习题 354

第12章CSS3页面美化样式 357

12.1CSS3页面美化 358

12.2文本样式 358

12.2.1新增样式 358

12.2.2新增样式的用法 359

12.3字型样式 363

12.4背景样式 366

12.4.1background-clip属性 366

12.4.2background-origin属性 366

12.4.3background-size属性 366

12.5框线样式 368

12.5.1box-shadow属性 369

12.5.2border-image属性 370

12.5.3border-radius属性 372

12.6实战——表格的艺术 374

12.7本章习题 376

第13章CSS3页面布局样式 377

13.1新增的多列布局属性 378

13.1.1columns属性 378

13.1.2column-width属性 379

13.1.3column-count属性 380

13.1.4column-gap属性 381

13.1.5column-rule属性 381

13.1.6column-span属性 383

13.1.7column-fill属性 383

13.2新增的盒模型属性 383

13.2.1box-orient属性 384

13.2.2box-direction属性 385

13.2.3box-ordinal-group属性 386

13.2.4box-flex属性 387

13.2.5box-flex-group属性 389

13.2.6box-pack属性 389

13.2.7box-align属性 391

13.2.8box-lines属性 392

13.3新增的界面布局属性 393

13.3.1box-sizing属性 393

13.3.2resize属性 395

13.3.3zoom属性 396

13.3.4outline-offset属性 397

13.3.5nav-index属性 398

13.4本章习题 398

第14章CSS3动画特效 401

14.1渐变特效 402

14.1.1线性渐变 402

14.1.2径向渐变 406

14.2转换 408

14.2.12D转换 408

14.2.23D转换 413

14.3过渡 416

14.3.1常用的单个属性 416

14.3.2transition的简写属性 418

14.4动画 419

14.4.1动画相关属性 419

14.4.2@keyframes 420

14.5实战——製作动画海报圈 421

14.6本章习题 425

第15章HTML5+CSS3页面案例 427

15.1JavaScript经典贪吃蛇 428

15.1.1案例分析 428

15.1.2JavaScript实现 428

15.1.3页面美化 431

15.2jQuery导航特效 432

15.2.1jQuery简介 432

15.2.2jQuery实现导航特效 433

15.3CSS3图片特效 436

15.4其他页面效果 439

15.4.1页面悬浮广告 439

15.4.2滑鼠特效 441