从零开始学HTML5+CSS3

本书循序渐进地介绍了使用HTML5与CSS3创建Web应用的专业知识，共23章。第1章到第14章主要介绍了HTML5的相关基础知识，包括学习前的准备，HTML5元素、属性和格式化的应用，HTML5视频和音频的应用和控制，使用Canvas和SVG绘制图形，表单与文件API操作，拖放与桌面通知API操作，本地存储与离线应用，多线程与WebSockets编程的技术。第15章到第22章主要介绍了CSS3的特性与用法，包括CSS基础知识，CSS选择器，使用CSS插入内容，设置文本样式、图片样式、背景样式、表单样式、超链接样式和鼠标样式，以及CSS3中滤镜的使用方法等。后一章通过两个项目案例，对本书所讲内容进行回顾和总结，以提高读者的实战技能。

前言
第1章 HTML 5 + CSS 3学习准备
1.1 学习准备 3
1.1.1 选择合适的浏览器 3
1.1.2 选择合适的开发工具 3
1.2 HTML 5——新一代HTML标准 3
1.2.1 HTML 5语法 4
1.2.2 新增与废除的元素和属性 5
1.2.3 全局属性 10
1.2.4 HTML 5中新增的API 13
测试题 14
本章小结 14
第2章 HTML元素、属性与结构
2.1 HTML 元素 17
2.1.1 HTML元素概述 17
2.1.2 HTML元素的语法 17
2.1.3 HTML元素的嵌套 18
2.2 HTML 5属性 19
2.2.1 属性的基本使用方法 19
2.2.2 HTML 5全局属性 19
2.3 新增的主体结构元素 26
2.3.1 article元素 26
2.3.2 section元素 27
2.3.3 nav元素 28
2.3.4 aside元素 28
2.3.5 time元素 30
2.4 新增的非主体结构元素 31
2.4.1 header元素 31
2.4.2 hgroup元素 32
2.4.3 footer元素 32
2.4.4 address元素 33
2.5 HTML 5结构 33
2.5.1 文档结构大纲 33
2.5.2 内容区块的编排方式 33
2.5.3 标题分级 34
测试题 34
本章小结 35
第3章 HTML 5音频和视频
3.1 Web视频的标准与格式 38
3.2 video/audio元素概述 38
3.3 检测浏览器是否支持HTML 5视频 39
3.4 实例：在HTML 5中显示视频/音频 40
3.5 video元素与audio元素详解 42
3.5.1 video/audio属性 42
3.5.2 video/audio方法 44
3.5.3 video/audio事件 45
测试题 47
本章小结 47
第4章 HTML 5 Canvas
4.1 Canvas基础入门 50
4.1.1 什么是Canvas 50
4.1.2 实例：在HTML 5页面中添加Canvas元素 50
4.1.3 实例：绘制一个蓝色的矩形 51
4.2 绘制基本线条 52
4.2.1 实例：绘制直线 52
4.2.2 实例：绘制二次曲线 53
4.2.3 实例：绘制贝塞尔曲线 54
4.2.4 实例：绘制圆弧 55
4.3 绘制简单形状 56
4.3.1 实例：绘制圆形 56
4.3.2 实例：绘制三角形 57
4.3.3 实例：绘制圆角矩形 58
4.3.4 实例：绘制自定义图形 60
4.4 绘制渐变 61
4.4.1 实例：绘制线性渐变 61
4.4.2 实例：绘制径向渐变 62
4.5 图形组合 64
4.5.1 实例：绘制阴影 64
4.5.2 实例：透明效果 65
4.6 使用图像 66
4.6.1 实例：插入图像 66
4.6.2 实例：平铺图像 67
4.6.3 实例：裁剪图像 68
4.6.4 实例：像素级操作 70
4.7 绘制文字 71
4.7.1 实例：控制文本的字体、大小和样式 71
4.7.2 实例：控制文本的颜色 73
4.7.3 实例：描绘文本的边缘 74
4.7.4 实例：设置文本对齐方式 75
4.8 图像数据与URL 76
4.8.1 存储图像数据 76
4.8.2 将彩色转为灰度 77
4.8.3 图像数据URL 78
4.8.4 将绘制的图形保存为图像文件 79
4.9 用Canvas实现动画效果 80
4.9.1 实例：清除Canvas的内容 80
4.9.2 实例：创建动画 81
4.9.3 动画的开始与停止 83
4.10 实战演练 83
测试题 88
本章小结 88
第5章 HTML 5 SVG
5.1 SVG简介 91
5.1.1 什么是SVG 91
5.1.2 SVG有哪些优势 91
5.2 HTML 5中的SVG 91
5.2.1 实例：将SVG直接嵌入HTML 5页面 92
......

HTML 5是Web发展的方向，它的独特之处在于不仅在移动端而且在电脑端也得到广泛的应用。HTML 5增强的元素和标签功能，既能够提高Web页面的性能，还能以多种形式更丰富地表现Web页面，例如可绘制的二维图形及Web页面可控制的音视频元素。除此之外，HTML 5在文件操作和数据通信方面也得到了很大的提升，这就为Web应用的发展提供了有力的武器。CSS 3与HTML 5的配合，让Web页面变得不再臃肿，结构更加清晰，应用更为灵活，体验更加满意。HTML 5和CSS 3技术正在PC端和移动端，以燎原之势改变着我们的使用习惯，推动着Web应用的迅猛发展。
一、本书特点
从易到难，布局合理
为了方便读者学习，本书在章节安排上，循序渐进，从易到难，逐步深入，布局科学合理，符合读者的认知规律。
图文对照，轻松阅读
本书在内容介绍、操作方法、释义说明等方面均采用平实的语言，深入浅出，图示清晰，更容易被读者所接受。
内容详尽，实例丰富
本书内容丰富而充实，涉及HTML 5和CSS 3应用的方方面面，各部分内容基本都结合实例讲解，便于读者操作演练，最后给出项目实例，以提高读者的实战技能。
二、内容安排
本书共分23章，第1章到第14章主要介绍了HTML 5的相关基础知识，包括学习前的准备，HTML 5元素、属性和格式化的应用，HTML 5视频和音频的应用和控制，使用Canvas和SVG绘制图形，表单与文件API操作，拖放与桌面通知API操作，本地存储与离线应用，多线程与WebSockets编程的技术。第15章到第22章主要介绍了CSS 3的特性与用法，包括CSS基础知识，CSS选择器，使用CSS插入内容，设置文本样式、图片样式、背景样式、表单样式、超链接样式和鼠标样式等，以及CSS 3中滤镜的使用方法。最后一章通过两个项目案例，对本书所讲内容进行回顾和总结。本书层次清晰，内容详尽，必将令你在阅读中获益匪浅。
三、配套资源获取
为方便读者使用本书，本书提供了教学视频与素材文件，读者可从网址下载
或发邮件获取帮助，邮件主题为“HTML 5&CSS 3配书资源”。
读者也可以加入QQ群，交流学习经验。
本书由胡晓霞、王刚主笔编写，其他参与编写的人员有陈爱英、陈丽萍、郭爱欣、鞠欣、李新娜、梁树红、刘娟、刘晓、孟倩倩、孙美香、孙欣欣、薛彩虹、杨艳玲、张金辉、张竞文、张静静、张丽娟、张文英、张秀梅、张玉姣、赵秀岩、周春双。在本书的编写过程中，尽管作者力求准确、完善，并为之做了大量的工作，但仍然难免出现纰漏，不妥之处，敬请读者批评指正，提出宝贵建议。
编 者
2016年5月