答案 0 :(得分:9)
对该帖子的评论很疯狂。你肯定不会找到更彻底的讨论。 我认为你应该删除不必要的规则,并弃用你一直在使用的重置标签,并保持卡车。 Paul Irish(jQuery核心贡献者,Modernizr和现在的Googler的共同创建者)在您链接到的文章中发表评论,其中包含您可能需要的所有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)在Twitter上发布了关于css3pie的推文,它将在IE中渲染像border-radius,box-shadow和渐变等视觉元素。不能自己担保。
(我在这里有更多的链接,但除了一个b / c我的代表之外的所有链接都是< 10,如果有什么你找不到的。回复我会发布它。)
答案 1 :(得分:3)
HTML5仍未得到广泛支持。因此,我认为您还没有找到特定于HTML5的重置样式表。我的建议是采用Eric Meyer's并为HTML5添加标签。 (例如导航,页眉,页脚等)
答案 2 :(得分:2)
我只是根据自己的喜好使用Eric Meyer的重置版本。为了兼容HTML5,我根据需要添加了新元素。
有一件事是默认情况下新元素没有设置样式,因此您需要提供自己的默认值。这对于块,元素和文章等块元素尤其重要。您需要确保为这些元素指定display:block
。
答案 3 :(得分:1)
我修改了Eric Meyers去年年底重置HTML5。将它用于每个项目,效果很好:CSS Reset Refreshed
它设置新的HTML5块元素以相应地显示。今天在任何主流浏览器中都没有这样做,如果你没有设置它,你将遇到问题。
它还“重置”HTML5元素样式。从技术上讲,还不需要重置,因为浏览器本身没有HTML5元素的样式,但是你的网站将在未来的时候进行验证。
答案 4 :(得分:1)
它有很多东西。你不能把一个人的休息作为福音。我最近通过修改样板,YUI,我的偏好和其他一些ppls方法的部分来制作自定义重置表。 这更倾向于偏好&实用性。在区分html5 css标准与xhtml& amp; html4,不要打扰比较你的目标是使用html5 doc-types来处理你的所有新工作,除非你的项目特别要求xhtml请求。