浏览器及其内核
IE 内核：trident/mshtml 私有前缀：-ms-
firefox 内核：gecko 私有前缀：-moz-
chrome 内核：blink 私有前缀：-webkit-
safair 内核：webkit 私有前缀：-webkit-
opera 内核：presto 私有前缀：-o-
HTML5新增语义化标签：
section：表示页面中一个内容区块
article：表示一块与上下文无关的独立内容区域
aside：在article之外的，与article内容相关的辅助信息
header：表示页面中一个内容区块或整个页面标题
footer：表示页面中一个内容区块或整个页面脚注
nav：表示页面中导航链接部分
figure：表示一段独立流内容，使用figcaption为其添加标题
main：页面中主要内容（ie不兼容）
定义视频和音频
video 定义视频
<video src="路径" >video元素</video>
audio 定义音频
<audio src="路径">audio元素</audio>
属性：
controls属性：向用户显示控件，比如播放按钮
autoplay属性：视频就绪后马上播放
loop属性：重复播放属性
muted属性：静音属性
poster属性：规定视频正在下载时显示的图像，直到用户点击播放按钮
智能表单
新增输入类型
type=""color 生成一个颜色选择的表单
type="tel" 拨号盘表单
type="search" 搜索意义的表单
type=”range" 滑动条表单
type="number" 数值表单（min：最小值；max：最大值；step：数字间隔）
type="email" 限制用户必须输入email类型
type="url" 限制用户必须输入url类型
type="date" 限制用户必须输入日期
type="month" 限制用户必须输入月类型
type="week" 限制用户必须输入周类型
type="time" 限制用户必须输入时间类型
type="datetime-local" 选取本地时间
新增属性
placeholder：文本框处于未输入状态时显示的输入提示
autofocus：当打开页面时，自动获得焦点，一个页面只能有一个
required：验证输入不为空
css3新增选择器
层级选择器
E>F 子代选择器
E+F 相邻兄弟选择器·
E~F 通用选择器
伪类选择器
结构伪类选择器
x:first-child 匹配子集的第一个元素
x:last-child 匹配父元素最后一个x元素
x:nt-child(n) 匹配索引值为n的子元素，索引值从1开始
目标伪类选择器
E:target 选择匹配E的所有元素，且匹配元素被相关url指向
文本阴影属性
text-shadow：水平阴影位置 垂直阴影位置 阴影模糊距离 阴影颜色
css3背景新增属性
background-size 背景尺寸
属性值：length 规定背景图的大小，第一个值为宽度，第二个值为高度
percentage 以百分比设置图片大小
cover 使图片扩展至足够大，以至背景图完全覆盖背景区域
contain 图像扩展至最大尺寸，以致宽度或高度完全适应内容区域
css3边框圆角属性
border-radius 圆角边框
css3盒子阴影
box-shadow：（必须的，水平阴影位置）（必须的，垂直阴影位置）（可选，模糊距离）（可选，阴影大小）（可选，阴影颜色）（可选，外层阴影(outset)或内层阴影(inset)）；
css3渐变
线性渐变
语法：background：linear-gradient（to bottom(从上至下)，color，color）
径向渐变
语法：background：radial-gradient(center，shape，size，color，color)
center：渐变起点位置，可以为百分比，默认为图形正中心
shape：渐变形状，ellipse表示椭圆形（默认值），circel表示圆形
size：渐变大小，即变到哪里停止，closest-side：最近边，farthest-side：最远边，closest-corner：最近角，farthest-corner：最远角
css3过渡
复合属性：transition
属性与取值：transition-property 取值：all或对象中参与过度的属性
transition-duration 取值：设置对象过度的参与时间
transition-delay 取值：设置对象延迟过度时间
transition-timing-function 取值：设置对象过渡动画类型 linear（匀速）ease（逐渐慢下来） ease-in（加速）ease-out（减速）ease-in-out（先加速后减速）
css32D属性 transform
属性：translate（） 将元素向指定方向移动translatex（ ），translate（）水平方向移动和垂直方向移动
scale（） 根据中心原点对对象进行缩放，可以接受一个值也可以接受两个值，scale（2，2），元素x轴y轴都放大两倍。scalex（），scaley（）沿x轴或y轴放大或缩小
rotate（） 旋转，正值顺时针方向旋转，负值逆时针方向旋转。rotatex()，rotatey()元素按x轴或y轴进行旋转
skew（） 倾斜显示，两个值时，第一个值表示水平方向的倾斜角度，第二个值表示垂直方向的倾斜角度
transform-orgin 变形原点
css3D
3D主要包括位移，旋转，缩放
必要属性：景深
perspective元素距离视线的距离 perspective：1200px；必须设置给父元素
perspective-origin 观察3D元素的位置
perspective-style 3D的一个重要属性，属性值为preserve-3d，表示所有的子元素位于3dd空间中
3d重要功能函数
3d位移 translate3d（tx，ty，tz）表示横纵z轴的位移长度
3d旋转 rotate（x，y，z，a）xyz是一个0-1之间的数值，表示元素绕轴旋转的数值。a是一个角度值，指定旋转的角度，正值为顺时针旋转，负值为逆时针旋转
3d缩放 scale3d（sx，sy，sz）横轴缩放比例，纵轴缩放比例，z轴缩放比例
动画
@keyframes 动画名 {form：（初始状态属性）；to：结束状态属性}
animation 插在父元素中
animation-name 检索动画名称
animation-duration 设置动画持续时间
animation-timing-function 设置动画过度类型 linear，线性过度，匀速 ease 平滑过渡 ease--in 由慢到快； ease-out 由快到慢； ease-in-out 由慢到快再到慢
animation-delay 设置动画延迟时间
animation-iteration-count 设置动画循环次数 infinite 无限循环 number：循环次数
animation-direction 设置是否反向运动 normal 正常方向 reverse 反方向运动 alternate 先正常运行再反向运行，并持续交替 alternate-reverse 先反向运动再正向运动并持续交替
animation-play-state 设置对象运动状态 running 运动； paused 暂停 alternate--reverse 当鼠标经过时停止，移开继续