css浏览器前缀有哪些?

来自:互联网
时间:2019-11-11
阅读:
免费资源网 - https://freexyz.cn/

浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。

浏览器引擎前缀(Vendor Prefix)有哪些?

  • -moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */

  • -webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */

  • -o- /* Opera浏览器(早期) */

  • -ms- /* Internet Explorer (不一定) */

为什么需要浏览器引擎前缀(Vendor Prefix)?

这些浏览器引擎前缀(Vendor Prefix)主要是各种浏览器用来试验或测试新出现的CSS3属性特征。可以总结为以下3点:

  1. 试验一些还未成为标准的的CSS属性——也许永远不会成为标准

  2. 对新出现的标准的CSS3属性特征做实验性的实现

  3. 对CSS3中一些新属性做等效语义的个性实现

这些前缀并非所有都是需要的,但通常你加上这些前缀不会有任何害处——只要记住一条,把不带前缀的版本放到最后一行:

-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px;
免费资源网 - https://freexyz.cn/
返回顶部
顶部