HTML5 的 CSS 重置答案

【问题标题】：CSS reset for HTML5HTML5 的 CSS 重置
【发布时间】：2011-07-05 21:59:10
【问题描述】：

最佳实践？

这与 HTML4 或 XHTML1 有何不同？

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

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

【问题讨论】：

更新：刚刚发现这个网站：html5reset.orgw00t！

标签： css html css-reset

【解决方案1】：

那个帖子上的 cmets 都疯了。你肯定不会找到更彻底的讨论。我认为您应该从您一直使用的任何重置中删除不必要的规则和已弃用的标签并保留卡车。 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 的消息，该 css3pie 将在 IE 中呈现边框半径、框阴影和渐变等视觉元素。我自己无法保证。

（我在这里有更多链接，但我的代表必须删除除一个 b/c 之外的所有链接。是

【讨论】：

请注意，我最近采用了一种将 reset + base 折叠在一起的新方法：stackoverflow.com/questions/4393037/…

【解决方案2】：

HTML5 仍未得到广泛支持。因此，我认为您还不会找到特定于 HTML5 的重置样式表。我的建议是采用Eric Meyer's 并添加 HTML5 的标签。（例如导航、页眉、页脚等）

【讨论】：

其他人提出了这样的建议（doctype.com/html5-reset-css），但我希望得到更多实质性的答案。说“HTML5 未得到广泛支持”并不意味着 HTML5 和最佳实践无关紧要。
@American - 虽然从我所见过的浏览器来看，它比 HTML4 更标准的属性，但以前不同的属性不再存在。如果某些东西在跨浏览器上是一致的……则无需重置/规范化它。
@American，从未说过 HTML5 或最佳实践无关紧要。我完全赞成最佳做法。只是提供我的建议，接受或离开。

【解决方案3】：

我只是根据自己的喜好使用 Eric Meyer 的重置变体。为了兼容 HTML5，我会根据需要添加新元素。

特别是新元素在默认情况下是无样式的，因此您需要提供自己的默认值。这对于像 section、aside 和 article 这样的块元素尤其重要。您需要确保为这些元素指定 display:block。

【讨论】：

关于显示的重要说明。

【解决方案4】：

去年年底我为 HTML5 修改了 Eric Meyers 重置。将它用于每个项目，效果很好：CSS Reset Refreshed

它将新的 HTML5 块元素设置为相应地显示。目前主流浏览器都没有这个功能，不设置会出问题。

它还“重置”了 HTML5 元素样式。从技术上讲，目前还不需要重置，因为浏览器本身不会设置 HTML5 元素的样式，但您的网站将在未来得到验证。

【讨论】：

【解决方案5】：

有很多东西。你不能把一个人的 CSS 休息当作福音。我最近通过修改部分样板、YUI、我的偏好和其他一些 ppls 方法制作了一个自定义重置表。它更多地取决于偏好和实用性。在区分 html5 css 标准与 xhtml 和 html4 方面，不要费心比较，除非您的项目特别要求 xhtml，否则您应该针对所有新工作使用 html5 文档类型。

【讨论】：