避免规范化 css 的潜在陷阱？

Posted 2023-03-13

【中文标题】避免规范化 css 的潜在陷阱？

【英文标题】：potential pitfalls of avoiding normalize css?

【发布时间】：2015-04-08 01:29:09

【问题描述】：

我曾经在不使用规范化 css 或任何其他形式的重置的情况下重新设计项目。因此，我习惯于自己编辑所有的边距和填充。现在，我目前正在为自己制作一个在线作品集，其中包括规范化 css（由于我听到的所有好处），但我注意到边距略有不同。例如，当我进行重新设计项目时，我总是有一个 * margin: 0; padding: 0; 来启动我的 css 并从那里构建。现在我已经包含了 normalize，任何给定的元素都不会以相同的方式开始，并且会在顶部发出一个奇怪的边距，即使我包含 * margin:0; padding:0;，它也会让我失望。所以我想知道，不包括规范化 css 的潜在陷阱是什么？我可以使用我常用的技术而不使用 normalize css 吗？

【问题讨论】：

你能举一个这样的“奇数边距”的具体例子吗？您是否有某个网页的某个元素具有您不期望的边距？

【参考方案1】：

按照网络标准，几乎每个元素都有一些默认样式。将每个元素的边距和内边距设置为 0 是昂贵的，实际上没有必要。

我创建了 Initialize.css，它是诸如 normalize 之类的最佳实践的集合，并使其可以使用 scss 进行配置（还有一个 css 版本）。在这种情况下，您可以为段落和标题等元素设置自己的边距。

http://jeroenoomsnl.github.io/initialize-css/