浏览器私有前缀的概念是什么
更新:HHH   时间:2023-1-7


今天小编给大家分享一下浏览器私有前缀的概念是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

浏览器私有前缀简介

由于CSS3很多属性尚未成为W3C标准的一部分,因此每种内核的浏览器都只能识别带有自身私有前缀的CSS3属性。我们在书写CSS3代码时,需要在属性前加上浏览器的私有前缀,然后该种内核的浏览器才能识别相应的CSS3属性。

CSS3浏览器私有前缀

举个例子,假如我们想要使用CSS3实现半径为10px的圆角效果的话,可能会这样写:

1

border-radius:10px;

但是并非所有浏览器都能识别border-radius这个属性,例如chrome浏览器只能识别-webkit-border-radius(前缀为-webkit-),而firefox浏览器只能识别-moz-border-radius(前缀为-moz-)。因为为了让主流浏览器都能实现圆角效果,我们需要这样写:

1

2

3

4

5

border-radius:10px;

-webkit-border-radius:10px;  /*兼容chrome和Safari*/

-moz-border-radius:10px;     /*兼容Firefox*/

-ms-border-radius:10px;      /*兼容IE*/

-o-border-radius:10px;       /*兼容opera*/

以上就是“浏览器私有前缀的概念是什么”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注天达云行业资讯频道。

返回web开发教程...