浏览器的私有前缀

1. 什么是浏览器私有属性前缀

• CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式
• 浏览器私有前轴是为了兼容老版本的写法, 比较新版本的浏览器不需要添加

2. 几种常用的私有前缀

• -webkit-：代表chrome、safari浏览器
• -moz-：代表firefox浏览器
• -ms-：代表ie浏览器
• -o-：代表Opera浏览器
• -khtml-（现在基本都没有用了，被-webkit-取代）

3. 书写顺序

• 先写私有的CSS3属性，再写标准的CSS3属性

4. 什么时候去掉私有前缀

• 当一个属性成为标准，并且被Firefox、Chrome等主流的浏览器的最新版普遍兼容的时候，可以去掉该属性的浏览器前缀

5. 举例

div {
    -webkit-background-color: pink;
    -moz-background-color: pink;
    -ms-background-color: pink;
    -o-background-color: pink;
    background-color: pink;
    
    -webkit-width: 400px;
    -moz-width: 400px;
    -ms-width: 400px;
    -o-width: 400px;
    width: 400px;
    
    -webkit-height: 200px;
    -moz-