资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS属性前缀有什么用

小编给大家分享一下CSS属性前缀有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联是一家专业提供迎江企业网站建设,专注与网站设计、成都网站制作H5响应式网站、小程序制作等业务。10年已为迎江众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

作用:在一个新CSS属性还未成为标准时,让浏览器提前支持。w3c制定标准是很慢的;而浏览器商市场推广时间紧,如果一个属性已经够成熟了,就会在浏览器中加入支持;而为避免日后w3c公布标准时有所变更,加入一个私有前缀,来提前支持新属性。

使用过CSS3属性的同学都知道,CSS3属性都需要带各浏览器的前缀,甚至到现在,依然还有很多属性需要带前缀。

浏览器厂商以前就一直在实施CSS3,但它还未成为真正的标准。为此,当一些CSS3样式语法还存在波动时,它们提供针对浏览器的前缀。现在主要流行的浏览器内核主要有:

  • Trident内核:主要代表为IE浏览器

  • Gecko内核:主要代表为Firefox

  • Presto内核:主要代表为Opera

  • Webkit内核:产要代表为Chrome和Safari

而这些不同内核的浏览器,CSS3属性(部分需要添加前缀的属性)对应需要添加不同的前缀,也将其称之为浏览器的私有前缀,添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性:

  • Trident内核:前缀为-ms

  • Gecko内核:前缀为-moz

  • Presto内核:前缀为-o

  • Webkit内核:前缀为-webkit

CSS属性前缀的作用

浏览器私有前缀,是浏览器对于新CSS属性的一个提前支持。

为了兼容老版本的写法。例如:比较新版本的浏览器都支持直接写:border-radius。

-moz代表firefox浏览器私有属性,-ms代表ie浏览器私有属性,-webkit代表safari、chrome私有属性。

因为制定HTML和CSS标准的组织W3C动作是很慢的。

通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但w3c制定标准,要走很复杂的程序,审查等。而浏览器商市场推广时间紧,如果一个属性已经够成熟了,就会在浏览器中加入支持。

为避免日后w3c公布标准时有所变更,加入一个私有前缀,比如-webkit-border-radius,通过这种方式来提前支持新属性。

等到日后w3c公布了标准,border-radius的标准写法确立之后,再让新版的浏览器支持border-radius这种写法。

以上是CSS属性前缀有什么用的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享标题:CSS属性前缀有什么用
网页地址:http://www.cdkjz.cn/article/jedgoc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220