您使用哪种 HTML5重置 CSS? 为什么？

小开

* {
margin: 0;
padding: 0;
}

简单却完全有效。也许可以加上:

body {
font-size: small;
}

for good measure.

小开

蓝图 CSS框架使用的 Reset.css工作得很好，包含了 HTML5元素。它被包含在它们的 Screen css文件中。

Blueprint 是新网站快速成型的有用资源，它们的源代码组织良好，值得学习。

小开

HTML5规范包括用于支持 CSS 的浏览器的推荐的 CSS 声明。为了好玩，我把它们复原了。您可以查看结果在这篇文章中。

但是，我不推荐在生产环境中使用它。它更像是一个概念验证，可能更适合用来给出提示，而不是充当一个万能的重置样式表。之前的任何建议都可能是更好的选择。

小开

Eric Meyer 也发布了他的 CSS 重置版本2(现在已经是一年前的事情了) :

Http://meyerweb.com/eric/tools/css/reset/

小开

保留有用的默认值，不像许多 CSS 重置。
规范各种 HTML 元素的样式。
纠正错误和常见的浏览器不一致性。
通过细微的改进提高可用性。
使用详细注释解释代码的作用。

normalize.css

小开

实话实说: 尽管降价 Kaikai是正确的，你只需要重置 * 填充和边距为0。

虽然不幸的是，我们99% 的人没有资源或人力来跟上数以百计的浏览器版本。因此，一个重置表是必不可少的典型网站。

Html5复位: (太干扰)

I just took a look at http://html5reset.org/

img,
object,
embed {max-width: 100%;}

还有:

html {overflow-y: scroll;}

我知道它的初衷是好的，但是这不是重置表的工作，它做了太多的假设。

BluePrint Reset: (字面意思是蓝图)

body {
line-height: 1.5;
background: white;
}

Whats up with 1.5. And why background white?(I know it's for correcting but still not necessary)

Css: (非正常)

Https://github.com/necolas/normalize.css/blob/master/normalize.css

一开始还不错，但是

h1 {
font-size: 2em;
margin: 0.67em 0;
}


h2 {
font-size: 1.5em;
margin: 0.83em 0;
}


h3 {
font-size: 1.17em;
margin: 1em 0;
}


h4 {
font-size: 1em;
margin: 1.33em 0;
}


h5 {
font-size: 0.83em;
margin: 1.67em 0;
}


h6 {
font-size: 0.75em;
margin: 2.33em 0;
}

每个标题标签都是有目标的。 & 他们不会重置主体的行高。

我确信以上所有内容都很好地完成了预期的工作，但可能会被多余的内容所覆盖。

Eric Meyer

YUI

HTML5Boilerplate

以上是更多的专业与样板倾向于(过于友好)的一面，我肯定是由于流行。目前我定制的复位80% 都是样板。

我要一点一点地把这三样都做出来，这不是火箭科学。

小开

Css 对于桌面浏览器和移动浏览器都很好，并且用于许多流行的 HTML 模板。

但是如何使用重置 CSS 属性(除了 direction和 unicode-bidi)的 CSS all属性呢？这样你就不需要包含任何额外的文件:

{
all: unset
}

CSS all有广泛的支持，除了 IE/Edge。与 unset类似。

小开

我使用 Normalize 或从 HTML5博士重置，我改变它，以适应我的项目工作。

顺便说一下，使用复位的概念已经或多或少成为一种标准。