我知道CSS重置是什么,但最近我听说了一个叫做规范化的新东西.css

Normalize.cssReset CSS之间有什么区别?

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

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

推荐答案

我从事正常化工作.css.

主要区别在于:

  1. 例如,像supsub这样的元素在包含Normize.css之后"就能正常工作"(并且实际上会变得更健壮),而在包含set.css之后,它们在视觉上无法与普通文本区分开来.因此,Normize.css不会强加给您一个视觉起点(同质性).这可能不是每个人都喜欢的.最好的办法就是两种都试一试,看看哪一种适合你的喜好.

  2. Normalize.css corrects some common bugs that are out of scope for reset.css.它的范围比重置更广.css,还为常见问题提供了错误修复,例如:HTML5元素的显示设置、表单元素缺少font继承、prefont-size渲染、IE9中的SVG溢出,以及iOS中的button样式错误.

  3. Normalize.css doesn't clutter your dev tools.使用set.css时的一个常见问题是浏览器CSS调试工具中显示的大型继承链.因为有针对性的样式,所以这不是Normize.css的问题.

  4. Normalize.css is more modular.该项目被分成相对独立的部分,如果您知道您的网站永远不会需要这些部分,那么您可以很容易地删除这些部分(如表单规范化).

  5. Normalize.css has better documentation.规范.css代码以内联方式记录,并且更全面地记录在GitHub Wiki中.这意味着您可以找出每一行代码都在做什么,为什么要包含它,浏览器之间有什么不同,并且可以更轻松地运行您自己的测试.该项目旨在帮助人们了解浏览器如何在默认情况下呈现元素,并使他们更容易参与提交改进.

关于这一点,我在一篇about normalize.css号文章中已经写得更详细了.

Css相关问答推荐

在菜单中最后一项之后排除MUI分隔符

在Powershell中使用正则表达式编辑css文件

CSS媒体查询不显示所需的输出

媒体查询在生产中没有响应:React 18 应用程序

Prettier/VS Code 在 CSS 中的 !important 之前添加一个空格,导致它在 WordPress 中崩溃

flexbox换行时自动设置高度的原理是什么

如何仅在CSS中屏蔽具有多个形状的div框?

使用框架时样式冲突导致的 CSS 网格布局问题

Tailwind CSS: Select 单选按钮时不应用同行判断的边框

在 SVG 元素上方添加标签而不移动 SVG 元素

Sass @use 排序

CSS Slanding Div 边缘在图像上

为什么过渡属性不适用于 box-shadow?

具有自动调整大小的自动填充行的 CSS 网格

如何保持包装的弹性项目与前一行元素的宽度相同?

如何强制显示垂直滚动条?

根据背景 colored颜色 反转 CSS 字体 colored颜色

在 Twitter Bootstrap 中创建圆角的正确方法

从样式设置为 % 的元素获取宽度(以像素为单位)?

bootstrap 关闭响应菜单点击