HTML5 的 CSS 重置

Question

最佳实践？

这与 HTML4 或 XHTML1 有何不同？

这里有很多讨论:http://html5doctor.com/html-5-reset-stylesheet/

我想知道还有哪些其他资源/讨论。

Answer 1

那个帖子的评论很疯狂。您肯定不会找到更彻底的讨论。我认为您应该从您一直在使用的任何重置中删除不必要的规则和弃用的标签，并继续使用。 Paul Irish(jQuery 核心贡献者，Modernizr 的共同创始人，现在是 Google 员工)在您链接到的文章中发表了评论，其中包含您可能需要的所有 HTML5 特定 CSS 级别:

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; zoom:1; }

Google 在 HTML5Rocks.com 上的 base.css 中使用了一个更简单的版本:

section, article, header, footer {  display: block; }

您仍然需要使用 Remy Sharp 的简单、基本的 HTML5 Shiv 或 Modernizr 来运行 JavaScript 循环，以便在 IE 中启用新 HTML5 元素的样式。 HTML5 Shiv 只是创建允许样式的元素，Modernizr 是一个功能更全面的 HTML5 和 CSS3 检测/样式解决方案。关于 HTML5 Doctor 的另一篇精彩文章值得一看，How to use HTML5 in your client work right now来自 2010 年 3 月，Remy 和 Richard 在重置文章后 8 个月合写的文章。他们提到使用 Modernizr“检测 Web Forms 2.0 和其他 HTML5 类型的支持。”

此外，Dion(来自 Ajaxian，现在是 Palm)在推特上发布了关于 css3pie 的推文，它将在 IE 中呈现视觉元素，例如 border-radius、box-shadow 和 gradients。我自己无法保证。

(我在这里有更多链接，但除了一个 b/c 之外，我不得不删除所有链接。我的代表 < 10，如果有什么东西你找不到。回复，我会发布。)