CSS3基础初步认识CSS3以及不同浏览器的专用前缀

初步认识CSS3以及不同浏览器的专用前缀

CSS3是在CSS2.1的基础上升级而来,增加了很多强大的功能。

世界五大主要的浏览器分别是Internet Explorer,Chrome,Firefox,Safari和Opera浏览器,其他的浏览器大多数都是基于Google或苹果的浏览器引擎而开发的,目前大多数版本较新的浏览器都支持CSS3的渲染。

五大浏览器图标.png

在编写CSS3样式时,不同的浏览器可能需要相应的前缀,部分CSS属性或规则尚未成为W3C标准的一部分,仅是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但加上前缀可以更好的兼容。

-webkit 前缀 — 用于Chrome,Safari以及使用webkit内核的浏览器(如360极速版,猎豹等)

-moz 前缀 — 用于Firefox火狐浏览器

-ms 前缀 — 用于IE9/10或更高版本

-o 前缀 — 用于Opera浏览器

例如给某元素加上阴影效果,可使用:

div {
-moz-box-shadow:2px 2px 5px #333333; 
-webkit-box-shadow:2px 2px 5px #333333; 
box-shadow:2px 2px 5px #333333;
}

鉴于本站的访问群体大多数都是从事互联网方面工作的朋友,浏览器一般都会用最新的,所以本站的整体样式里都没有为CSS3属性添加前缀,本站所举的一些示例中也都没有使用前缀。

站长Colin Gao,85后自由职业者,爱钻研,爱学习网页设计。建立本站的目的是整理学习笔记,分享学习经验,认识更多的朋友。感谢您阅读本站的文章,部分内容参考了网上的一些教程,但我会尽量根据自己的理解写更多原创的东西,本站网址如下,欢迎转载:
如果方便的话,转载请注明来自:http://www.cssaaa.com/css3/21.html