主要的浏览器引擎有4种,trident,gecko,webkit,presto.

常见浏览器对应的引擎如下,

IE系列引擎类型:Trident
firefox引擎类型:Gecko
chrome、Safari引擎类型:WebKit
Opera引擎类型:Presto

不同的浏览器引擎对css的兼容识别也各不相同,尤其是对于较新的css3.

Trident的写法:   property
Gecko类型的写法:   -moz-property
WebKit类型的写法:  -webkit-property
Presto类型的写法:-o-property

当然css2中的各个浏览器均可识别的css属性 如color,border等,就没有必要添加特定前缀了。添加特定前缀主要是为解决样式的兼容问题。

单单看让人头疼的ie也提供了多种不同的前缀来解决不同ie版本下css的兼容问题

所有浏览器 通用 height: 100px; 
IE6 专用 _height: 100px; 
IE7 专用 *+height: 100px; 
IE6、IE7 共用 *height: 100px; 
IE7、FF 共用 height: 100px !important; 

ie的兼容写法-ms-property

先记到这边吧,以后再补充