背景颜色的渐变：
background: -webkit-linear-gradient(渐变的起始位置， 颜色 位置，颜色 位置...)
/* background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%) */
前面的 webkit， moz 是表示的浏览器的前缀
浏览器前缀
-webkit- 是Google，Safari，Android Browser浏览器
-moz- 是Firefox浏览器
-o- 是Opera浏览器
-ms- 是Internet 浏览器
-khtml- 是Konqueror浏览器
图片旋转轮播（preserve-3d）
transform-style: preserve-3d
webkit的css扩展方法
盒子垂直居中的方法
1、先让盒子的上下边缘和父盒子的水平中心线重叠，然后再让子盒子往回移动自身的一半距离
2、使用表格的vertical-align: middle 实现盒子垂直居中
3、使用margin计算盒子的上下边距
盒子水平居中的方法
1、margin: 0 auto
2、margin左右边距(浏览器宽度改变不太好用)
3、先让子盒子左右边缘和父盒子垂直的中心线重叠，然后再让子盒子往回移动自身的一半距离
4、把盒子转换成行内块，使用text-align 属性使盒子水平居中