浏览器前缀
前缀 | 浏览器 | 渲染引擎 |
---|---|---|
-ms- | IE | Trident |
-webkit- | Chrome | Blink |
-webkit- | Safari | Webkit |
-moz- | Firefox | Gecko |
-o- | Opera | Presto |
属性级前缀
前缀 | 兼容的浏览器 | 示例 |
---|---|---|
_ | IE6 | _width:10px |
* | IE6和IE7 | *width:10px |
+ | IEIE6和IE7 | +width:10px |
\0 | IE8+ | width:10px\0 |
\9 | IE6+ | width:10px\9 |
!important | 所有浏览器 | width:10px!important |
CSS Reset
浏览器都会维护个字的用户代理样式表,这就导致同一个元素在不同浏览器中的表现会有差异。为了解决兼容性问题有人提出了CSS Reset。最初的CSS Reset只有几个简单规则,随着时间的推移,CSS Reset越来越完善,不但最大程度地减少了副作用的发生,而且还提供了更多符合开发者需求的样式。
Eric Meyer的Reset.css和现在流行的Normalize.css有什么区别?
(1)两者的理念不同,Reset.css倾向于同一元素的初始外观;而Normalize.css倾向于同一元素的表现形式。
(2)Reset.css会牺牲元素默认样式;而Normalize.css会选择地保留元素的默认行为
(3)Normalize.css能够修复浏览器的bug;而Reset.css没有这个实用的功能。
(4)Reset.css内容比较少,注释也不多;而Normalize.css有详细的注释,便于理解,并且用注释划分成多个模块,便于管理。