中公版·实用Web前端开发：轻松学 HTML5+CSS3+JavaScript
作者：中公教育优就业研究院编著
出版时间：2018年版
内容简介
《中公版·实用Web前端开发：轻松学 HTML5+CSS3+JavaScript》分为HTML5（第1章至第6章）、 CSS3（第7章至第13章）、JavaScript（第14章至第23章）三个部分。HTML5部分主要讲解了HTML5的语法、标签、结构元素、音频视频属性、表单与文件、画布等。CSS3 部分主要介绍了CSS样式文件的引用方法，CSS3属性选择器、字体与文本、盒模型、背景与边框、动画特效等。JavaScript部分介绍了JavaScript的语法、变量作用域、DOM编程、BOM、事件机制、引用类型、面向对象的编程方式、存储与离线应用、创建多线程。
目录
HTML5篇
1.1HTML历史与HTML53
1.1.1HTML发展历史3
1.1.2HTML5文件的基本结构3
1.2HTML5的优势4
1.2.1解决了跨浏览器问题4
1.2.2明确的语义支持5
1.2.3部分属性代替了原来的JavaScript6
1.3HTML5文件的编写方法6
1.3.1使用记事本编写HTML文件6
1.3.2使用DreamweaverCC编写HTML文件7
2.1语法10
2.1.1HTML5的语法变化10
2.1.2HTML5的标记方法12
2.1.3HTML5与其他版本互相兼容13
2.2HTML5保留的常用标签13
2.2.1基本标签13
2.2.2文本格式化标签15
2.2.3超链接和锚点16
2.2.4列表相关标签17
2.2.5图像相关标签18
2.2.6表格相关标签19
2.2.7框架相关标签22
2.3新增的常用标签22
2.3.1文档结构标签22
2.3.2语义相关标签25
2.4HTML5的通用属性26
2.4.1contentEditable属性26
2.4.2designMode属性26
2.4.3hidden属性27
2.4.4tabindex属性27
2.4.5spellcheck属性28
2.5HTML5中新增属性与不再使用的属性28
2.5.1新增的属性28
2.5.2不再使用的属性33
3.1主体结构元素35
3.1.1header元素35
3.1.2article元素36
3.1.3section元素38
3.1.4nav元素40
3.1.5aside元素41
3.1.6footer元素43
3.1.7address元素44
3.2分组元素45
3.2.1hgroup元素45
3.2.2figure元素和figcaption元素45
3.3文本语义元素48
3.3.1mark元素49
3.3.2time元素50
3.3.3wbr元素50
3.3.4ruby元素、rt元素和rp元素51
3.4功能元素51
3.4.1meter元素51
3.4.2progress元素52
3.4.3details元素52
3.4.4summary元素52
3.5音频和视频元素53
3.5.1video元素53
3.5.2audio元素54
3.5.3用JavaScript控制video元素、audio元素54
4.1了解表单57
4.1.1表单概述57
4.1.2表单的基本结构57
4.1.3表单的新增属性58
4.1.4新增表单元素使用样式的方法60
4.2input元素类型60
4.2.1email类型60
4.2.2url类型61
4.2.3number类型61
4.2.4range类型62
4.2.5date类型和time类型62
4.3HTML5为表单控件新增的属性62
4.4表单验证64
4.4.1自动验证64
4.4.2显示验证66
4.4.3取消验证67
4.4.4自定义错误信息67
4.5文件API68
4.5.1FileReader接口68
4.5.2FileList对象与file对象69
4.6拖放API72
4.6.1拖放API简介72
4.6.2实现拖放的步骤72
4.6.3DataTransfer对象的属性与方法74
5.1video元素与audio元素简介75
5.2video和audio的属性76
5.3video和audio的方法84
5.4相关事件86
5.4.1事件处理方式86
5.4.2事件介绍87
5.4.3事件监听88
6.1canvas基础90
6.1.1canvas元素90
6.1.2浏览器支持91
6.2绘制矩形91
6.2.1rect()方法91
6.2.2fillRect()方法92
6.2.3strokeRect()方法93
6.3使用路径93
6.3.1绘制圆形94
6.3.2moveTo与lineTo95
6.3.3绘制基本图形95
6.3.4使用bezierCurveTo()方法绘制贝塞尔曲线98
6.4绘制颜色渐变99
6.4.1线性渐变99
6.4.2径向渐变100
6.5绘制文本101
6.5.1绘制普通文本101
6.5.2绘制阴影文本102
6.6使用图像104
6.6.1绘制图像104
6.6.2图像平铺106
6.6.3图像裁剪108
6.6.4像素处理109
6.7图像的保存与恢复110
6.7.1保存与恢复状态110
6.7.2保存文件112
6.8简单动画制作113
CSS3篇
7.1了解CSS3117
7.1.1CSS发展历史117
7.1.2CSS3的优缺点117
7.2CSS3能做什么118
8.1引入外部样式文件120
8.2导入外部样式121
8.3使用内部CSS样式122
8.4使用内联样式123
8.5优先级问题124
9.1选择器概述127
9.2属性选择器127
9.2.1属性选择器简介127
9.2.2CSS3中的属性选择器127
9.2.3灵活运用属性选择器131
9.3结构性伪类选择器131
9.3.1伪类选择器及伪元素选择器131
9.3.2结构性伪类选择器133
9.4目标伪类选择器137
9.5UI元素状态伪类选择器138
9.5.1E:hover、E:active和E:focus伪类选择器139
9.5.2E:enabled与E:disabled伪类选择器140
9.5.3E:read-only与E:read-write伪类选择器140
9.5.4E:checked、E:default和E:indeterminate伪类选择器141
9.5.5E::selection伪类选择器143
9.6通用兄弟元素选择器144
9.7元素选择器145
9.8ID选择器145
9.9class选择器146
9.10ID选择器与class选择器的优先级问题146
10.1字体属性147
10.1.1字体（font-family）147
10.1.2字号（font-size）147
10.1.3字体风格（font-style）149
10.1.4加粗字体（font-weight）149
10.1.5字体的复合属性（font）150
10.1.6字体颜色（color）151
10.2文本高级样式152
10.2.1阴影文本（text-shadow）152
10.2.2溢出文本（text-overflow）153
10.2.3控制换行（word-wrap）154
10.2.4字体尺寸控制（font-size-adjust）155
10.3段落设置157
10.3.1单词间隔（word-spacing）157
10.3.2字符间隔（letter-spacing）158
10.3.3文字修饰（text-decoration）159
10.3.4水平对齐方式（text-align）160
10.3.5垂直对齐方式（vertical-align）161
10.3.6文本缩进（text-indent）163
10.3.7文本行高（line-height）164
10.3.8文本反排（unicode-bidi和direction）165
10.4自定义字体166
11.1盒的类型168
11.1.1基本类型168
11.1.2inline-block和inline-table类型168
11.1.3表格相关盒模型170
11.1.4list-item盒模型171
11.2盒属性172
11.2.1overflow属性172
11.2.2text-overflow属性173
11.2.3box-shadow属性174
11.2.4box-sizing属性和resize属性174
11.2.5box-orient属性175
11.2.6box-flex属性176
11.2.7box-direction属性177
11.3布局介绍178
11.3.1float属性及clear属性178
11.3.2columns属性181
11.3.3弹性盒布局182
12.1背景相关属性186
12.2新增的背景属性187
12.2.1background-clip属性187
12.2.2background-origin属性189
12.2.3background-size属性190
12.2.4background-break属性193
12.3多背景图设置193
12.4边框的设置194
12.4.1border-radius属性194
12.4.2border-color属性197
12.4.3border-image属性198
13.1Transform202
13.1.1Transform的基础知识202
13.1.2Transform的分类203
13.1.3同时进行多种变换214
13.2Transition215
13.2.1Transition功能的使用方法215
13.2.2同时过渡多个属性217
13.3Animation218
13.3.1Animation功能的使用方法218
13.3.2多个属性同时改变的动画219
JavaScript篇
14.1JavaScript语言简介223
14.2JavaScript开发及运行环境224
15.1语法225
15.1.1区分大小写225
15.1.2注释225
15.1.3严格模式226
15.1.4标识符226
15.2保留关键字227
15.3变量228
15.3.1变量命名规则228
15.3.2变量声明228
15.3.3基本类型值和引用类型值229
15.4基本数据类型232
15.4.1Typeof操作符232
15.4.2Undefined类型233
15.4.3Null类型233
15.4.4Boolean类型233
15.4.5Number类型234
15.4.6String类型236
15.5复合类型240
15.5.1对象240
15.5.2数组240
15.5.3函数242
15.6运算符244
15.6.1赋值运算符244
15.6.2算术运算符244
15.6.3位运算符245
15.6.4比较运算符246
15.6.5逻辑运算符250
15.6.6三目运算符251
15.6.7逗号运算符252
15.7语句252
15.7.1if语句252
15.7.2do-while语句255
15.7.3while语句256
15.7.4for语句256
15.7.5for-in语句257
15.7.6break语句和continue语句258
15.7.7with语句260
15.7.8switch语句260
15.8函数262
15.8.1函数定义263
15.8.2函数调用265
15.8.3函数的实参和形参268
15.8.4递归函数268
15.8.5闭包269
15.8.6函数的实例属性和方法270
15.9私有变量271
16.1函数作用域272
16.2作用域链273
17.1DOM概述274
17.2节点层次275
17.2.1元素节点275
17.2.2文本节点276
17.2.3属性节点278
17.2.4注释节点279
17.2.5文档类型节点280
17.2.6CSS281
17.2.7JavaScript获取元素的方式281
17.3DOM的操作技术283
17.3.1修改HTML元素283
17.3.2表格操作286
17.4DOM扩展289
17.4.1选择符API290
17.4.2元素遍历291
17.4.3HTML5中类的操作291
17.4.4焦点管理292
17.4.5HTMLDocument的变化293
17.4.6字符编码294
17.4.7自定义数据属性295
17.4.8样式的相关特性296
18.1window对象300
18.1.1全局的window对象301
18.1.2访问历史305
18.2访问URL306
18.3弹出新窗口307
18.3.1对话框309
18.3.2浏览器和屏幕信息311
18.3.3使用定时器313
19.1基本事件模型314
19.1.1绑定HTML元素属性316
19.1.2绑定DOM对象属性317
19.1.3事件处理函数和关键字this317
19.2事件流319
19.2.1事件冒泡320
19.2.2事件捕获320
19.3事件对象321
19.3.1DOM中的事件对象321
19.3.2IE中的事件对象322
19.3.3跨浏览器事件对象323
19.4事件类型328
19.4.1鼠标事件328
19.4.2键盘事件329
19.4.3文本事件331
19.4.4HTML5事件333
19.4.5设备事件336
19.4.6触摸事件338
19.5DOM的事件模型340
19.5.1绑定的事件处理器340
19.5.2访问事件对象341
19.5.3转发事件343
19.5.4取消事件的默认行为345
19.5.5事件委托345
19.6表单事件348
19.6.1elements[]表单对象集合348
19.6.2提交表单349
19.6.3重置表单350
19.6.4获取焦点事件351
19.6.5失去焦点事件352
19.7oncontextmenu事件353
20.1Object类型358
20.2Array类型359
20.2.1创建数组的方式359
20.2.2操作数组的方法362
20.3Date类型366
20.4RegExp类型369
20.5Function类型372
20.5.1使用函数声明定义函数372
20.5.2使用函数表达式定义函数373
20.5.3函数重载373
20.5.4arguments374
20.5.5this对象375
20.5.6函数的属性和方法376
21.1理解对象378
21.1.1面向对象的概念378
21.1.2属性类型379
21.1.3对象和关联数组382
21.2创建对象383
21.2.1使用构造函数创建对象383
21.2.2使用Object直接创建对象384
21.2.3使用JSON语法创建对象385
21.3继承386
21.3.1原型链386
21.3.2原型继承388
21.3.3多重继承389
21.3.4寄生式继承390
21.3.5原型继承与属性拷贝的混合应用392
21.3.6借用构造函数392
21.3.7组合继承393
21.3.8对象拷贝394
21.3.9constructor属性和instanceof运算符398
22.1WebStorage400
22.1.1Storage接口400
22.1.2简单Web留言本403
22.1.3存储结构化数据404
22.2cookie406
22.3离线应用410
22.3.1离线检测411
22.3.2本地缓存、浏览器网页缓存与离线应用的区别412
22.3.3application对象412
22.3.4离线应用的事件与监听413
23.1WebWorker可用的API416
23.2创建多线程417
23.3数据交换418
23.3.1主线程与子线程之间的数据交换418
23.3.2子线程之间的数据交换419
23.4线程嵌套420
