16

最佳实践?

这与 HTML4 或 XHTML1 有何不同?

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

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

4

5 回答 5

9

那个帖子的评论太疯狂了。你肯定不会找到更彻底的讨论。我认为您应该从您一直使用的任何重置中删除不必要的规则和已弃用的标签并保留卡车。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 检测/样式化解决方案。从 2010 年 3 月开始,还有一篇关于 HTML5 Doctor 的精彩文章值得一看,如何在您的客户端工作中使用 HTML5,由 Remy 和 Richard 在重置文章 8 个月后共同撰写。他们提到使用 Modernizr“来检测 Web Forms 2.0 和其他 HTML5 类型的支持”。

此外,Dion(来自 Ajaxian 和现在的 Palm)在推特上发布了关于 css3pie 的消息,它将在 IE 中呈现边框半径、框阴影和渐变等视觉元素。我自己无法保证。

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

于 2010-07-19T06:54:28.740 回答
3

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

于 2010-07-18T23:30:50.390 回答
2

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

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

于 2010-07-19T05:03:59.010 回答
1

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

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

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

于 2010-07-19T04:36:42.547 回答
1

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

于 2011-07-05T13:59:10.170 回答