* { margin: 0; padding: 0; } 不再 酷

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程每个阶段提供云产品。立即开始使用 价值 200 美元的免费积分!

我长期以来一直主张使用的一种技术是

* {
  margin: 0;
  padding: 0;
}

这是“CSS 重置”理论的一部分,它有助于使您的设计在浏览器之间保持一致,这是一件非常好的事情。这种技术适用于所有浏览器,因此我从未真正考虑过任何负面影响。也就是说,直到我阅读了 Christian Montoya 的这篇文章,他指出

这消除了所有浏览器之间填充和边距的差异,因此我可以自由地进行页面样式设计。不幸的是,这不是一个好习惯。它对渲染代理施加了很大的压力,需要将规则应用于文档中的每个元素,尤其是对于大型网页而言,而且这还会破坏许多良好的默认样式,尤其是在您想要拥有默认样式的提交按钮时。

我认为他提出了一些很好的观点。他可能是对渲染引擎的看法,虽然我从未真正遇到过任何严重的加载时间问题,而且我在大量页面上使用了这种技术。我认为保持图像尺寸优化才是最重要的。但默认的提交按钮确实是一个问题。实际上,如果您使用 Firefox 或 Opera 查看此网站,您会注意到您需要按下的“说出来!”按钮以提交评论已被剥夺了其不错的默认样式,现在看起来只是带有边框的普通文本。不太理想。如果您使用的是 Safari,它会使用默认的 Safari 样式按钮,这很好。

我想我仍在犹豫是否继续使用它。我想我会使用它,如果我能找到一个更好的方法来处理输入/文本区域。