布局方式：盒模型和flex布局
flex布局主要有水平的主轴和垂直的交叉轴，交叉点为开始位置.
水平居中的方法
（1.3.1将元素放入table,然后margin:auto 居中，1.3.2将块状元素设置行内元素，然后text-align:center居中，1.3.3设置元素）
水平垂直居中的方法
固定宽高的div
不定宽高的div:
不定宽高设置display:table
animate和transform属性
animate主要有animation-name，animation-duration，animation-iteration-count（名称，时间，次数）keyframes设置动画变化过程
transform主要有12translate(x,y),translateX(x),translateY(y),translateZ(z),scale(x,y),scaleX(x),scaleY(y),scaleZ(z),rotate(angle),rotateX(angle),rotateY(angle),rotateZ(angle)(x,y,z轴转换，缩放，旋转等基于2d)
设置宽高比为16：9
css左高度随右栏高度适应
浏览器兼容性
css样式添加前缀
过渡效果不支持ie8,用js渲染
background-size不支持ie8, 用img
css hack
ie8不支持nth-child，但支持first-child和last-child