HTML5的CSS重置

Question

最佳做法？

这与HTML4或XHTML1有何不同？

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

我想知道其他资源/讨论是什么.

Answer 1

对这篇文章的评论很疯狂.你肯定不会找到更彻底的讨论.我认为你应该删除不必要的规则,并弃用你一直在使用的重置标签,并保持卡车.Paul Irish(jQuery核心贡献者,Modernizr和现在的Googler的共同创建者)在您链接到的文章中发表评论,其中包含您可能需要的所有HTML5特定CSS级别:

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

谷歌在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的另一篇很棒的文章值得一看,如何在 2010年3月的客户端工作中使用HTML5,由Remy和Richard在重置文章后8个月共同撰写.他们提到使用Modernizr"来检测Web Forms 2.0和其他HTML5类型的支持."

此外,Dion(来自Ajaxian和现在的Palm)在Twitter上发布了关于css3pie的推文,它将在IE中渲染如border-radius,box-shadow和渐变的视觉元素.不能自己担保.

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