您使用哪个HTML5重置CSS,为什么?

您使用哪个HTML5重置CSS,为什么? 是否有一个你发现覆盖更多的案件?

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

真正的谈话:尽pipe降价凯凯是正确的,你只需要重置*填充和余量为0。

虽然不幸的是,我们99%的人没有资源或人力来跟上数百个浏览器版本。 所以重置表对于典型的网站是必不可less的。

html5reset :(这太干扰了)

我只是看看http://html5reset.org/

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

和:

 html {overflow-y: scroll;} 

我明白它有良好的意图,但这不是一个重置表的工作。 这是做了太多的假设。

BluePrint Reset:(字面上的蓝图)

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

怎么了1.5。 为什么背景是白色的?(我知道这是为了纠正,但仍然没有必要)

Normalize.css :(不正常)

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

它开始很好的一些webkit /即黑客但

 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; } 

每个头标签都是针对性的。 他们不会重置身体的线条高度。

我确信上述所有的工作都能很好地完成,但是可能会被忽略。

埃里克迈耶

YUI

HTML5Boilerplate

以上是更多的职业锅板倾向于(友好)的一面,我敢肯定,由于受欢迎。 目前我定制重置的80%是样板。

我将尽力三点一点地做出我自己的,这不是火箭科学。

Normalize.css适用于桌面和移动浏览器,适用于许多stream行的HTML模板。

但是,如何使用CSS all属性,重置除了directionunicode-bidi之外的CSS属性? 这样你就不需要包含任何额外的文件了:

* { all: unset }

它目前在Firefox中得到了支持,希望其他人也可以效仿,使重置过程非常简单。

Blueprint CSS框架使用的reset.css运行良好,包含HTML5元素。 它被包含在他们的screen.css文件中。

蓝图是快速build立新网站原型的有用资源,其源代码组织良好,值得借鉴。

埃里克·梅耶(Eric Meyer)也发布了他的CSS重置的第二版(他现在几乎在一年前就这么做了):

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

  1. 与许多CSS重置不同,保留有用的默认值。
  2. 规范各种HTML元素的样式。
  3. 纠正错误和常见的浏览器不一致。
  4. 通过微妙的改进提高了可用性。
  5. 解释使用详细注释的代码。

normalize.css

 * { margin: 0; padding: 0; } 

简单但完全有效。 也许扔在一个:

 body { font-size: small; } 

好的措施。

HTML5规范包含了可用于CSS的浏览器的推荐CSS声明 。 为了它的乐趣,我带走了他们,并在那里有意义的地方恢复了这些。 您可以在本文中查看结果。

但是 ,我不build议在生产中使用它。 这更多的是一个概念的certificate,可能更好地用来提示,而不是作为一个全function的重置样式表。 之前的任何其他build议可能是更好的select。

我使用Normalize或从HTML5 Doctor重置,我改变它适合我正在进行的项目。

顺便说一下,这只是使用重置的概念,或多或less地成为标准。