最佳CSS重置样式表

通过威廉•克雷格 ~ 4分钟阅读

WebFX总统。Bill在互联网营销行业有超过25年的经验，专门从事SEO, UX，信息架构，营销自动化等。William在Shippensburg和MIT的科学计算和教育背景为cloudfx和WebFX的其他关键研究和开发项目的营销提供了基础。

将CSS重置为基线属性值对于获取浏览器如何呈现HTML元素的控制、可预测性和一致性非常有用。

要了解更多CSS重置的细节，请参阅以下文章:

如果你正在寻找一个样式表来帮助你重置您的CSS，在我看来，以下是你现在的首选:

CSS重置

Eric Meyer的重置CSS - 这是样式表制作CSS重置的中流砥柱。复位CSS或者勾销默认CSS属性通过将其设置为0，或者它将该属性设置为一个常识性值（例如，行高:1在这一点身体< >元素)。显式声明某些CSS属性值可以帮助减少浏览器呈现HTML元素方式的不一致。

有关的：Eric Meyer的上CSS3的想法

请注意，reset CSS是在2011年，许多CSS样式表重置我们将谈论已经有一段时间没有更新了最后更新。

由理查德·克拉克该复位样式表是Eric Meyer的重置CSS的修改。这个CSS复位向现代HTML 5个元素为目标。其它的改进在HTML5中发现重置样式表是去除的:专注伪类复位和使用属性选择器为目标的<方法>和元素以最小化其样式规则的范围的方式。

这是一个极简CSS重置Vladimir Carrer。它只有4个CSS样式规则。它只重置最常用的HTML元素——那些你在web开发项目中实际使用的元素。查看CSS Mini ResetGitHub上．

这个样式表的一部分HTML5重置样板。成立之初是由三个开源项目的启发：重置CSS，HTML5重置样式表和HTML 5的样板。该复位样式表是强大和自以为是。例如，它有特定的样式规则：前和：后伪类，它设置箱尺寸财产border-box，你的其他选择不做。

这个CSS复位是小型网站开发项目样板样式表。对于简单的网站，如单页网站，你很可能不需要使用像Bootstrap这样的大型前端框架。在这些情况下，马克思是一个值得考虑的选择。

这两个CSS重置样式表是特定目的的:

这是对网页排版的基本CSS重置。它主要针对文本较多的网站和网页，如博客和新闻网站。

需要注意的是Typeset.css只会在有元素的儿童类的HTML元素工作排版．所以要实现Typeset.css，你需要做如下事情:

< div class = "篇排版> 博客文章标题
 我的博客文章。< / p > < / div >

这个CSS样式表复位是非常积极的。它是专为内容的使用将在其他网站上，你的风格上的规则控制而受到限制的情形进行分配。Cleanslate用途的重要的!声明对所有属性值，迫使浏览器不按照正常的级联和CSS特异性规则。当涉及到重写第三方网站的样式规则时，这给了你一个战斗的机会。

今天的浏览器非常擅长设置适当的默认样式。此外，他们现在遵守现代标准和最佳实践。默认样式现在更容易预测和一致。

因此，与其对所有默认浏览器样式进行全面重置，我们可以只关注在不同浏览器中不统一呈现的特定HTML元素和CSS属性。我们保留其他有用的浏览器默认值。

这就是CSS规范化背后的主要思想。

换句话说，对于未样式化的HTML元素，我们隐式地让浏览器或规范化样式表为我们设置样式规则。这样，如果我们忘记或没有为元素分配样式规则，它们仍然会在不同的浏览器中呈现可预测性和一致性。

CSS标准化的一个好处是它使我们的样式表干燥．我们没有将HTML元素的属性值重置为0，只是用另一个样式规则覆盖级联的更深处的属性声明。

下面是两个最重要的CSS规范化样式表:

这个流行的CSS规范化样式表在Twitter和GitHub等主要网站上使用，并且是Bootstrap和HTML5 Boilerplate等大型开源项目的依赖项。Normalize.css是这一切的开端。

CSS规范化样式表由Normalize.css的合著者Jonathan Neal编写。css具有样式规则，可以帮助您在不同的浏览器中一致地呈现HTML元素。这个规范化样式表有一个Sass版本，许多开发人员会喜欢这个版本。