CSS3浏览器私有前缀

1. 什么是私有前缀？

如下代码中的 -webkit- 就是私有前缀

div { 
    width:400px;
    height:400px;
    -webkit-border-radius: 20px;
}

2. 为什么要有私有前缀

W3C 标准所提出的某个 CSS 特性，在被浏览器正式支持之前，浏览器厂商会根据浏览器的内核，使用私有前缀来测试该 CSS 特性，在浏览器正式支持该 CSS 特性后，就不需要私有前缀了

查询 CSS3 兼容性的网站：Can I use... Support tables for HTML5, CSS3

常见浏览器私有前缀:

• Chrome 浏览器： -webkit-
• Safari 浏览器： -webkit-
• Firefox 浏览器： -moz-
• Edge 浏览器：-webkit-
• 旧 Opera 浏览器： -o-
• 旧 IE 浏览器： -ms-