Normalize.css和Reset CSS有什么区别?

我知道CSS Reset是什么,但最近我听说过这个叫做Normalize.css的新东西

Normalize.css和Reset CSS有什么区别?

规范化CSS和重置CSS有什么区别?

这只是CSS Reset的一个新热门词汇吗?


我在normalize.css上工作。

主要区别是:

  • Normalize.css保留有用的默认值,而不是“不重叠”。 例如,像supsub这样的元素在包含normalize.css(并且实际上变得更健壮)之后“只是工作”,而在包含reset.css之后,它们在视觉上与普通文本没有区别。 所以,normalize.css并没有在你身上强加一个视觉起点(同质化)。 这可能不符合每个人的口味。 最好的做法是对两者进行试验,并根据您的偏好查看哪些凝胶。

  • Normalize.css更正了reset.css超出范围的一些常见错误。 它的范围比reset.css的范围更广,并且还提供了常见问题的错误修复,例如:HTML5元素的显示设置,缺少表单元素的font继承,更正pre font-size渲染,IE9中的SVG溢出以及iOS中的button样式错误。

  • Normalize.css不会混乱你的开发工具。 使用reset.css时常见的问题是浏览器CSS调试工具中显示的大型继承链。 由于有针对性的风格,这对normalize.css来说不是这样的问题。

  • Normalize.css更加模块化。 该项目被分解为相对独立的部分,如果您知道他们永远不会被您的网站所需,那么您可以轻松地删除部分(如表单规范化)。

  • Normalize.css有更好的文档。 normalize.css代码以内联形式记录,并在GitHub Wiki中更全面地记录。 这意味着你可以找出每一行代码在做什么,为什么包含它,浏览器之间有什么区别,更容易运行你自己的测试。 该项目旨在帮助教育人们如何默认浏览器呈现元素,并使他们更容易参与提交改进。

  • 我在一篇关于normalize.css的文章中更详细地写了这篇文章


    主要区别在于:

  • CSS重置旨在删除所有内置的浏览器样式。 像H1-6,p,strong,em等标准元素看起来完全一样,完全没有装饰。 那么你应该自己添加所有的装饰。

  • 标准化CSS旨在使浏览器内置的浏览器样式保持一致。 诸如H1-6之类的元素将在浏览器中以一致的方式显示为粗体,大小等等。 那么你应该只添加你的设计所需的装饰差异。

  • 如果您的设计a)遵循排版等的常见约定,并且b)Normalize.css适用于您的目标受众,那么使用Normalize.CSS而不是CSS重置将使您自己的CSS更小更快写入。


    Normalize.css主要是一组样式,基于作者认为它看起来不错,并使其在浏览器中看起来一致。 重置基本上从元素剥离样式,所以你可以更好地控制一切的样式。

    我使用两者。

    一些来自Reset的样式,一些来自Normalize.css。 例如,从Normalize.css中,有一种风格可以确保所有输入元素具有相同的字体,而不会发生(在文本输入和文本区之间)。 重置没有这样的风格,所以输入具有不同的字体,这通常不是想要的。

    因此,基本上,使用这两个CSS文件可以更好地“均衡”所有内容;)

    问候!

    链接地址: http://www.djcxy.com/p/22851.html

    上一篇: What is the difference between Normalize.css and Reset CSS?

    下一篇: What does the ">" (greater