浏览器前缀、属性级前缀及CSS Reset

浏览器前缀

前缀 浏览器 渲染引擎
-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有详细的注释,便于理解,并且用注释划分成多个模块,便于管理。

猜你喜欢

转载自blog.csdn.net/qq_41805715/article/details/85344721