HTML5+CSS3+JavaScript超详细通关攻略（实战版）

第1章拥抱HTML5
1.1一个简单的HTML5页面
1.1.1搭建支持的浏览器环境
1.1.2检测浏览器是否支持HTML5标记
1.1.3使用HTML5结构编写简单的Web页面
1.2HTML5页面的特征
1.2.1应用全新的HTML5特征结构化元素
1.2.2使用CSS文件美化HTML5新元素
小结
第2章HTML5中新增交互元素
2.1details内容元素
2.1.1定义
2.1.2属性
2.2menu元素
2.2.1定义
2.2.2属性
2.3meter元素
2.3.1定义
2.3.2属性
小结
第3章HTML5中的重要元素
3.1html根元素
3.1.1定义
3.1.2属性
3.2文档元素
3.2.1定义
3.2.2包含标签
3.3脚本
3.3.1定义
3.3.2属性
3.4文本层次语义
3.4.1mark元素
3.4.2cite元素
3.5公共属性
3.5.1draggable属性
3.5.2hidden属性
3.5.3spellcheck属性
3.5.4contenteditable属性
小结
 
 
第4章HTML5中的表单
4.1新增input 元素类型
4.1.1email邮件类型
4.1.2url 地址类型
4.1.3number 数字类型
4.1.4range数字滑动块
4.1.5date日期类型
4.1.6search搜索类型
4.2新增表单元素
4.2.1datalist 元素
4.2.2output 元素
4.2.3keygen 元素
4.3新增input元素属性
4.3.1autofocus 属性
4.3.2pattern属性
4.3.3placeholder属性
4.3.4required属性
4.4新增form验证方法和属性
4.4.1checkValidity()显示验证法
4.4.2setCustomValidity()修改提示信息方法
4.4.3表单的novalidate属性
小结
第5章HTML5中的文件
5.1选择文件
5.1.1选择单个文件
5.1.2选择多个文件
5.1.3使用Blob接口获取文件的类型与大小
5.1.4通过类型过滤选择的文件
5.1.5通过accept属性过滤选择文件的类型
5.2读取与拖放文件
5.2.1FileReader 接口
5.2.2使用FileReader()方法预览图片文件
5.2.3使用FileReader()方法读取文本文件
5.2.4监听FileReader接口中的事件
5.2.5使用DataTransfer对象拖放上传图片文件
小结
第6章HTML5中的视频和音频
6.1多媒体元素基本属性
6.1.1元素格式
6.1.2width与height属性
6.1.3controls属性
6.1.4poster属性
6.1.5networkState属性
6.1.6error属性
6.1.7其他属性
6.2多媒体元素常用方法
6.2.1媒体播放时的方法
6.2.2canPlayType()方法
6.3多媒体元素重要事件
6.3.1媒体播放事件
6.3.2timeupdate事件
6.3.3其他事件
小结
第7章HTML5绘图基础
7.1画布的基础知识
7.1.1canvas元素的基本用法
7.1.2canvas元素绘制带边框矩形
7.1.3canvas元素绘制渐变图形
7.2画布中使用路径
7.2.1moveTo()与lineTo()的用法
7.2.2在画布中绘制圆形
7.2.3在画布中绘制渐变圆形
7.3操作图形
7.3.1变换图形原点坐标
7.3.2组合多个图形
7.3.3添加图形阴影
7.4画布中的图像
7.4.1绘制图像
7.4.2平铺图像
7.4.3切割图像
7.4.4处理像素
7.5画布的其他应用
7.5.1绘制文字
7.5.2保存与还原及输出图形
7.5.3制作简单动画
小结
第8章HTML5中的数据存储
8.1Web Storage的基本概念
8.1.1sessionStorage对象
8.1.2localStorage对象
8.1.3清空localStorage数据
8.2Web Storage API
8.2.1遍历localStorage数据
8.2.2使用 JSON对象存取数据
8.2.3管理localStorage数据
小结
第9章HTML5中的离线应用
9.1cache manifest 文件
9.1.1manifest文件简介
9.1.2一个简单的离线应用
9.2applicationCache对象
9.2.1updateready事件
9.2.2update()方法
9.2.3swapCache()方法
9.2.4其他事件
小结
第10章其他应用API
10.1Web Sockets API
10.1.1postMessage()方法
10.1.2使用WebSocket 传送数据
10.1.3使用WebSocket传送JSON对象
10.2Web Workers API
10.2.1Worker对象处理线程的简单实例
10.2.2使用线程传递JSON对象
小结
第11章HTML5中元素的拖放
11.1拖放简介
11.1.1传统JavaScript代码实现拖放
11.1.2拖放时触发的事件
11.2dataTransfer对象
11.2.1setData()与getData()方法存入与读取拖放数据
11.2.2setDragImage()方法设置拖放图标
11.2.3effectAllowed与dropEffect属性设置拖放效果
11.3拖放应用
11.3.1购物车的实现
11.3.2相册集的管理
小结
第12章CSS3的概念
12.1CSS3简介
12.1.1什么是CSS3
12.1.2CSS3的发展历史
12.2CSS3的语法与使用
12.2.1CSS3的语法介绍
12.2.2CSS3的引入方式
12.3CSS3的功能
12.3.1模块与模块化结构
12.3.2一个简单的CSS3的效果实例
小结
第13章选择器
13.1选择器概述
13.1.1id和类别选择器
13.1.2元素和组合选择器
13.2属性选择器
13.2.1常用属性选择器
13.2.2CSS3中属性选择器
13.3结构性伪类选择器
13.3.1伪元素选择器
13.3.2伪类选择器
小结
第14章选择器在页面的应用
14.1使用选择器插入文字
14.1.1在元素前后插入内容
14.1.2不允许插入内容
14.2使用选择器插入图片
14.2.1在元素前后插入图片
14.2.2插入图片和背景图片的区别
14.3使用选择器插入编号
14.3.1简单的编号嵌套
14.3.2编号的类型
14.3.3在元素前后插入符号
小结
第15章文字相关的样式
15.1文字的阴影
15.1.1阴影的作用
15.1.2阴影的位移距离
15.1.3阴影的模糊距离
15.1.4组合阴影效果
15.2文本换行
15.2.1文本自动换行
15.2.2强制文本换行
15.2.3强制长单词换行
小结
第16章盒相关样式
16.1盒的类型
16.1.1基本类型
16.1.2inlineblock类型
16.2盒子内容溢出显示
16.2.1overflow属性
16.2.2textoverflow属性
16.3盒的阴影
16.3.1boxshadow属性
16.3.2盒内子元素的阴影
16.4盒模型的种类
16.4.1boxsizing属性的使用方法
16.4.2boxsizing属性的应用
小结
第17章背景和边框样式
17.1背景相关的属性
17.1.1backgroundclip属性
17.1.2backgroundorigin属性
17.1.3backgroundsize属性
17.2圆角边框的绘制
17.2.1borderradius属性
17.2.2圆角边框的种类
17.3使用图片边框
17.3.1常用属性
17.3.2扩展属性
小结
第18章CSS3中的变形处理
18.1transform属性
18.1.1translate()函数
18.1.2scale()函数 
18.1.3rotate()函数 
18.1.4skew()函数 
18.2复合变形和旋转中心
18.2.1元素的复合变形
18.2.2改变旋转中心点
小结
第19章CSS3中的动画属性
19.1transition属性
19.1.1transition属性的使用
19.1.2transition属性指定多个样式
19.2animation属性
19.2.1animation属性的使用
19.2.2animation属性指定多帧动画
小结
第20章布局相关样式
20.1多列布局
20.1.1float属性多列布局的不足
20.1.2使用盒布局
20.2弹性盒布局
20.2.1改变元素的排列方向
20.2.2改变元素的显示顺序
20.2.3使用弹性盒布局消除空白区域
小结
第21章JavaScript简介
21.1JavaScript是什么
21.1.1JavaScript的起源
21.1.2JavaScript的特点
21.1.3JavaScript的开发工具
21.2JavaScript引入方式
21.2.1外部引入JavaScript文件
21.2.2内部添加JavaScript代码
21.2.3属性执行JavaScript代码
21.2.4一个简单的JavaScript程序
小结
第22章JavaScript语法基础
22.1语法简介
22.2常量与变量
22.2.1常量
22.2.2变量
22.3数据类型
22.3.1字符串(String)型
22.3.2数字(Number)型
22.3.3布尔(Boolean)型
22.3.4空值(Null)型
22.3.5未定义(Undefined)型
22.3.6对象(Object)型
22.4运算符
22.4.1算术运算符
22.4.2比较运算符
22.4.3赋值运算符
22.4.4逻辑运算符
22.4.5条件运算符
22.5语句与表达式
22.5.1语句
22.5.2表达式
22.6类型转换
22.6.1Number()函数
22.6.2Boolean()函数
22.7代码注释
22.7.1单行注释
22.7.2多行注释
小结
第23章流程控制
23.1流程控制简介
23.1.1顺序结构
23.1.2选择结构
23.1.3循环结构
23.2选择结构
23.2.1单项选择if语句
23.2.2双项选择if…else语句
23.2.3多项选择if…else if语句
23.2.4多项选择switch语句
23.3循环结构
23.3.1do…while语句的用法
23.3.2while语句的用法
23.3.3for语句的用法
23.4跳转语句
23.4.1continue语句的用法
23.4.2break语句的用法
小结
第24章初识函数
24.1函数简介
24.1.1重复性
24.1.2功能性
24.2函数的定义
24.2.1定义格式
24.2.2无返回值函数
24.2.3有返回值函数
24.2.4全局变量和局部变量
24.3函数的调用
24.3.1函数的直接调用
24.3.2函数在超链接中调用
24.3.3函数在事件中调用
24.4特殊的函数
24.4.1嵌套函数
24.4.2递归函数
24.4.3内置函数
小结
第25章字符串对象
25.1字符串对象简介
25.1.1调用字符串对象的属性
25.1.2调用字符串对象的方法
25.2获取字符串方法
25.2.1charAt()方法
25.2.2substring()方法
25.3替换和分割字符串方法
25.3.1replace()方法
25.3.2split()方法
25.4查询和检索字符串方法
小结
第26章数组对象
26.1数组对象简介
26.1.1数组的创建和赋值
26.1.2数组的获取
26.2添加数组元素
26.2.1使用unshift()方法在数组开头添加元素
26.2.2使用push()方法在数组结尾添加元素
26.3删除数组元素
26.3.1使用shift()方法删除数组个元素
26.3.2使用pop()方法删除数组后一个元素
26.4数组排序
26.4.1使用sort()方法排序
26.4.2使用reverse()方法排列
小结
第27章日期对象
27.1日期对象简介
27.1.1创建日期对象
27.1.2输出日期对象的年份
27.2操作日期对象的年月日值
27.2.1获取日期对象的年月日值
27.2.2设置日期对象的年月日值
27.3操作日期对象的时分秒值
27.3.1获取日期对象的时分秒值
27.3.2设置日期对象的时分秒值
27.4获取日期对象的星期和毫秒值
27.4.1获取日期对象的星期值
27.4.2获取日期对象的毫秒值
第28章数学对象
28.1数学对象简介
28.1.1对象的属性
28.1.2对象的方法
28.2取整运算
28.2.1向上取整方法ceil()
28.2.2向下取整方法floor()
28.3生成随机数
28.3.1生成指定范围的随机数
28.3.2生成多位组合的随机数
28.4三角函数
28.4.1正弦和余弦及正切函数
28.4.2反正弦和反余弦及反正切函数
小结
第29章DOM基础
29.1什么是DOM
29.1.1DOM对象
29.1.2DOM结构
29.2获取和创建元素
29.2.1获取元素
29.2.2创建元素
29.3插入元素
29.3.1appendChild（）方法
29.3.2insertBefore()方法
29.4复制和删除元素
29.4.1cloneNode()方法
29.4.2removeChild（）方法
小结
第30章DOM进阶
30.1获取和设置元素属性
30.1.1getAttribute()方法
30.1.2setAttribute()方法
30.2检测和删除元素属性
30.2.1hasAttribute()方法
30.2.2removeAttribute()方法
30.3操作元素样式属性
30.3.1使用style属性操作样式
30.3.2使用cssName属性操作样式
30.4查找DOM元素
30.4.1查找父节点
30.4.2查找子类节点
小结
第31章事件基础
31.1事件简介
31.1.1事件在元素中的使用
31.1.2在script元素中使用事件
31.2鼠标和键盘事件
31.2.1鼠标事件
31.2.2键盘事件
31.3表单事件
31.3.1获得和丢失焦点事件
31.3.2文本变化事件
31.4页面事件
31.4.1onload事件
31.4.2onresize事件
小结
第32章事件进阶
32.1事件处理机制
32.1.1DOM事件流
32.1.2事件监听器
32.2事件对象
32.2.1对象的属性
32.2.2对象的方法
32.3this对象
32.3.1this在构建函数中的运用
32.3.2this在对象方法中的运用
小结
第33章window对象
33.1对象简介
33.1.1打开和关闭窗口
33.1.2对话框
33.2定时器
33.2.1setTimeout()方法
33.2.2setInterval ()方法
33.3location对象
33.3.1href属性
33.3.2search属性
小结
第34章document对象
34.1对象简介
34.1.1对象集合
34.1.2对象属性
34.1.3对象方法
34.2对象属性使用
34.2.1获取文档信息
34.2.2操作cookie内容
34.3对象方法调用
34.3.1write()方法
34.3.2open()和close()方法
小结
附录A简易图片放大镜的开发
A.1开发过程
A.1.1新建一个名称为magnifier的项目文件夹
A.1.2新建文件
A.2程序结果
附录B手机端页面屏幕锁的开发
B.1开发过程
B.1.1新建一个名称为moblock的项目文件夹
B.1.2新建文件
B.2程序结果