本文探讨了CSS重置的概念及其在消除不同浏览器默认样式差异中的作用。文章介绍了Nicolas Gallagher的normalize.css作为一种替代方案，它保留了有用的默认样式同时修正了浏览器之间的不一致性。
很多人在自己的工作中喜欢利用CSS重置来清除烦人的不同浏览器的默认样式。这些样式差异通常都很细微但在使用CSS进行布局统一工作时相当烦人，况且有些差异还不是那么细微。比如，默认表单样式跨浏览器间的差异以及<html>和<body>元素的margins和padding的差异，这让你不得不把这些难看的空隙清除出去。
传统上CSS重置可以解决这些样式问题。CSS重置移除几乎所有默认的CSS样式，让你添加属于自己的样式并且有信心不太可能会碰到浏览器间怪异的行为。
然而CSS重置并不完美，太过彻底了，移除了每个默认样式，而你又得费神把需要的样式再加回来。此外，它们不可避免地让你的样式文件看起来杂乱无章，虽然你可以使用外部样式表来隐藏它们，但当你用调试工具调试CSS时就会看到一堆告警。
使用Nicolas Gallagher的normalize.css（http://nicolasgallagher.com/about-normalize-css）是个更好的选择。normalize.css让默认样式在浏览器间更统一，修复了bug并提供了一些微妙的改进，而不是移除所有东西。
你只需从https://github.com/necolas/normalize.css下载文件，添加到你的页面上就好了！如果你想了解更多，之前引用的“关于”页面和CSS文件包含了大量的注释和例子。
我也在模板中包含了这个文件，并在本书的大多数例子中使用。
摘自《CSS3实战：开发与设计》2.5
原文地址：http://www.html5dw.com/portal.php?mod=view&aid=441
扫一扫
2213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
