Question

您使用哪个HTML5重置CSS以及为什么？你有没有找到更多的案件？

我已经开始使用HTML5 Doctor's：http://html5doctor.com/html-5-reset-stylesheet/它似乎有用，但我想知道是否有更好的东西。

Answer 1

实话：尽管降价kaikai是正确的，但您只需重置* padding＆amp;保证金为0.

虽然不幸的是，我们99％的人没有资源或人力来跟上那里的数百个浏览器版本。因此，重置表对于典型的网站至关重要。

html5reset :(太干扰了）

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

和

html {overflow-y: scroll;}

我知道它有良好的意图但是，这不是重置表的工作。它做了太多假设。

BluePrint重置:(字面意思是蓝图）

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

怎么了1.5。为什么背景是白色的？（我知道这是为了纠正，但仍然没有必要）

Normalize.css :(不正常）

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

它开始很好用一些webkit /即hacks但是

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

<强>锐

<强> HTML5Boilerplate

以上是更多的专业人士与Boilerplate倾向于（友好）方面，我敢肯定由于受欢迎。目前80％的自定义重置是样板。

我会一点一点地去做自己的事情，这不是火箭科学。

Answer 2

Normalize.css非常适合桌面和移动浏览器，并且在许多流行的HTML模板中使用。

但是如何使用CSS all属性来重置除direction和unicode-bidi之外的CSS属性？这样您就不需要包含任何其他文件：

* { all: unset }

目前Firefox支持它，希望其他人也会效仿，使重置过程变得非常简单。

Answer 3

reset.css框架使用的Blueprint CSS效果很好，包含HTML5元素。它包含在screen.css文件中。

蓝图是一种有用的资源，可用于快速建立新网站的原型，其源代码组织良好，值得学习。

Answer 4

Eric Meyer也发布了他的CSS重置v2（他差不多一年前就这样做了）：

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

Answer 5

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

normalize.css

Answer 6

* {
    margin: 0;
    padding: 0;
}

简单但完全有效。也许扔进去：

body {
    font-size: small;
}

好的措施。

Answer 7

HTML5规范包括支持CSS的浏览器recommended CSS declarations。为了它的乐趣，我拿走了它们并将它们还原成了有意义的地方。您可以查看结果in this article。

但是，我不建议在制作中使用它。它更像是一个概念证明，可能更适合用来提供提示，而不是用作一个通用重置样式表。之前的任何其他建议可能是更好的选择。

Answer 8

我使用Normalize或HTML5 Doctor重置，我改变它以适应我正在进行的项目。

顺便说一句，只有使用复位的概念或多或少成为标准。

您使用哪个HTML5重置CSS以及为什么？

8 个答案: