css3需要做哪些浏览器兼容内核设置

CSS3中-moz、-ms、-webkit和-o分别代表什么意思

1、-moz-：代表FireFox浏览器私有属性

2、-ms-：代表IE浏览器私有属性

3、-webkit-：代表safari、chrome浏览器私有属性

4、-o-：代表opera浏览器私有属性

浏览器内核分类如下:

1.

Webkit

内核：

使用此引擎内核的浏览器有：

Safari

(包括移动版和桌面版)、

Chrome

。

其私有属性的前缀是

-webkit-

。

2.

Gecko

内核：

使用此引擎内核的浏览器有

Mozilla

，常指的是

Firefox

浏览器。

其私有属性的前缀是

-moz-

。

3.

Presto

内核：

使用此引擎内核的浏览器是指

Opera

。

其私有属性的前缀是

-o-

。

4.

KHTML

内核：

使用此引擎内核的浏览器是指

Konqueror

。

其私有属性的前缀是

-khtml-

。

5.

Trident

内核：

使用此引擎内核的浏览器是

IE浏览器

。

其私有属性的前缀是

-ms-

。

为什么会有这些浏览器私有属性呢?

在CSS属性能中，我们常常能看到-webkit-，-moz-之类的前缀，这种就叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的，-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。
为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，
他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。
比方说，Chrome 10是不认border-radius这种写法的，只能用webkit-border-radius，而Chrome12就能认了。于是在写CSS的时候，这样写就能确保Chrome10和Chrome12浏览网页的时候都能够正确显示。