CSS3提高： 浏览器私有前缀及C3总结

浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无须添加。

1. 私有前缀

-moz-：代表 firefox 浏览器私有属性
-ms-：代表 ie 浏览器私有属性
-webkit-：代表 safari、chrome 私有属性
-o-：代表 Opera 私有属性

2. 提倡的写法

-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px;
  

就是CSS有点低版本的浏览器不兼容，然后在代码中添加浏览器的私有前缀，使得他们兼容。

CSS3总结

1.新的选择器 

属性选择器     []       例如[title]    [class='dome']

结构伪类选择器   nth-child(n) 数字(n从1开始)，关键字，公式(n从零开始)

nth-of-type(n)  根据类型去选择

伪元素选择器   ::before ::after

2.转换transform   

2D  translate(x,y)  rotate(45deg)  scale(x,y)

3D translate3d(x,y,z) rotateX(x) rotateY(y) rotateZ(z)

3.动画animation

重点记住我们动画的简写

4.浏览器私有前缀