HTML5+CSS3开发实战/肖睿

第1章　初识HTML5　1

任务1　了解HTML5的优势　3

任务2　HTML5新增元素及属性　4

1.2.1　HTML5新增结构元素　4

1.2.2　HTML5新增网页元素　9

1.2.3　HTML5新增全局属性　12

1.2.4　上机训练　13

任务3　CSS3高级选择器　14

1.3.1　结构伪类选择器　14

1.3.2　上机训练　18

本章作业　19

第2章　HTML5表单　21

任务1　了解HTML5表单在网页中的应用　22

任务2　HTML5新增的input类型　24

2.2.1　email类型　24

2.2.2　url类型　26

2.2.3　number类型　26

2.2.4　range类型　28

2.2.5　search类型　28

2.2.6　Date pickers类型　29

2.2.7　上机训练　32

任务3　HTML5新增的input属性　34

2.3.1　autofocus　34

2.3.2　required　35

2.3.3　placeholder　35

2.3.4　pattern　37

2.3.5　height/width　38

2.3.6　上机训练　38

本章作业　38

第3章　CSS3应用　41

任务1　会使用CSS3边框效果　43

3.1.1　CSS3圆角　43

3.1.2　CSS3边界图片　47

3.1.3　CSS3盒子阴影　49

3.1.4　上机训练　52

任务2　CSS3文本效果的应用　53

3.2.1　CSS3文本阴影　53

3.2.2　word-wrap属性　55

任务3　CSS3背景与渐变效果的应用　57

3.3.1　CSS3背景　57

3.3.2　CSS3渐变　61

3.3.3　上机训练　63

任务4　会使用CSS3字体美化网页　64

本章作业　66

第4章　CSS3高级应用　69

任务1　CSS3 2D变形的应用　70

4.1.1　2D变形简介　70

4.1.2　浏览器兼容性　71

4.1.3　2D变形　71

4.1.4　上机训练　79

任务2　CSS3 3D变形的应用　82

4.2.1　3D变形属性　82

4.2.2　3D变形方法　83

4.2.3　上机训练　88

本章作业　88

第5章　使用CSS3制作动画　91

任务1　利用CSS3过渡实现动画效果　93

5.1.1　过渡简介　93

5.1.2　浏览器兼容性　93

5.1.3　过渡属性的使用　93

5.1.4　完善旋转按钮案例　97

5.1.5　上机训练　98

任务2　CSS3动画的使用　99

5.2.1　CSS3动画简介　99

5.2.2　浏览器兼容性　100

5.2.3　CSS3动画使用过程　100

5.2.4　上机训练　104

本章作业　106

第6章　HTML5媒体元素　109

任务1　视频元素及音频元素在网页中的使用　111

6.1.1　如何在网页中播放视频及音频　111

6.1.2　视频元素　112

6.1.3　音频元素　116

6.1.4　上机训练　118

任务2　自定义视频播放器　119

6.2.1　自定义视频播放器需要的属性和方法　119

6.2.2　自定义视频播放器制作步骤　119

6.2.3　上机训练　125

本章作业　125

第7章　Canvas基础　127

任务1　Canvas概述及应用　129

7.1.1　Canvas概述　129

7.1.2　创建Canvas步骤　130

任务2　使用Canvas绘制基本图形　132

7.2.1　绘制直线　132

7.2.2　绘制三角形　134

7.2.3　绘制矩形　138

7.2.4　绘制圆形　140

7.2.5　清空画布　143

7.2.6　上机训练　144

任务3　使用Canvas绘制贝塞尔曲线　145

7.3.1　绘制二次方贝塞尔曲线　145

7.3.2　绘制三次方贝塞尔曲线　146

7.3.3　上机训练　148

本章作业　148

第8章　Canvas高级应用　151

任务1　Canvas高级功能的使用　152

8.1.1　Canvas渐变　152

8.1.2　图形组合　157

8.1.3　Canvas绘制图像　159

8.1.4　裁剪图像　163

8.1.5　Canvas绘制文本　164

任务2　使用Canvas绘制风景时钟　165

本章作业　170