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

CSS

神奇Davaid

2020-03-17

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

Normalize.cssReset CSS有什么区别

标准化CSS和重置CSS有什么区别?

CSS重置只是一个新的流行词吗?

第1936篇《Normalize.css和Reset CSS有什么区别?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

6个回答
伽罗飞云 2020.03.17

有时,最好的解决方案是同时使用两者。有时,两者都不使用。有时,是使用其中一个。如果要在所有浏览器中重置所有样式(包括边距和填充),请使用reset.css。然后自己应用所有装饰和样式。如果您只是喜欢内置样式,但想要更多的跨浏览器同步性,即规范化,则可以使用normalize.css。但是,如果您选择同时使用reset.css和normalize.css,请先链接reset.css样式表,然后再链接(立即)normalize.css样式表。有时,并非总是哪个更好,而是何时使用哪个相对于何时同时使用两者以及何时不使用两者。恕我直言。

前端小宇宙 2020.03.17

主要区别在于:

  • CSS重置旨在删除所有内置的浏览器样式。H1-6,p,strong,em等标准元素最终看起来完全相似,根本没有装饰。然后,您应该自己添加所有装饰

  • Normalize CSS旨在使内置浏览器样式在各浏览器之间保持一致H1-6之类的元素将在浏览器中以一致的方式显示为粗体,较大等。然后,您应该仅添加设计需要的装饰差异

如果您的设计a)遵循版式和其他方面的通用约定,并且b) Normalize.css适用于您的目标受众,则使用Normalize.CSS而不是CSS重置将使您自己的CSS更小,更快地编写。

凯斯丁达蒙 2020.03.17

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

我都用。

Reset中的某些样式,Normalize.css中的一些样式。例如,在Normalize.css中,有一种样式可以确保所有输入元素都具有相同的字体(在文本输入和文本区域之间)不会出现。重置没有这种样式,因此输入通常使用不同的字体。

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

问候!

GONear 2020.03.17

首先reset.css是您可以使用的最差的库,因为在将边距填充和其他属性的值分配给之后,它删除了HTML的标准结构并以文本形式显示了您编写的所有内容0因此,例如,您将发现<H1>与相同<H6>

另一方面,Normalize.css使用标准结构,也修复了其中几乎所有的错误。例如,它解决了从一个浏览器到另一个浏览器显示表单的问题。规范化通过修改此功能来解决此问题,因此您的元素将在所有浏览器中显示为相同。

前端Stafan 2020.03.17

从其描述来看,它似乎试图使用户代理的默认样式在所有浏览器中保持一致,而不是像重置一样剥离所有默认样式。

与许多CSS重置不同,保留有用的默认值

乐米亚 2020.03.17

重新设置似乎有必要满足定制设计规范,尤其是在复杂的非样板类型的设计项目中。听起来标准化似乎是进行纯Web编程的好方法,但是网站通常是Web编程和UI / UX设计规则之间的结合。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android