CSS 尺寸声明答案

【问题标题】：CSS size declarationsCSS 尺寸声明
【发布时间】：2013-01-14 22:51:49
【问题描述】：

在 CSS 中定义边距/填充等大小时，我经常会错过值 '0' 的 'px'，例如

.myClass {
  5px 0 0 5px
}

最近我的同事告诉我要包含“px”

.myClass {
  5px 0px 0px 5px
}

是否有任何优点或缺点或任何一种方法？还是这只是偏好？

【问题讨论】：

【解决方案1】：

没有缺点，你可以用0不带“px”。

零长度可以表示为“0”。（在换句话说，对于零长度，单位标识符是可选的。）

编辑：也有人问过这个问题

【讨论】：

我同意这一点。没有区别。然而，我个人实际上在大多数情况下确实使用0px（我发现它可以很容易地在像 Firebug 这样的工具中处理渲染页面，在 CSS 面板中编辑时，我可能想在它前面弹出一个 1 或其他东西，当尝试各种边距、填充等。
@MikeBrant 这可能是真的，如果您只需要更改值，您会有一些开发舒适度，但对于最终版本，我会使用像 refresh-sf.com/yui 这样的工具来压缩 css （顺便说一下，这个工具确实从零值中删除了单位）
@r3bel 好评论。使用 CSS 压缩器总是一个好主意，特别是如果您正在开发一个字节很重要的应用程序。

【解决方案2】：

这里是关于 css 中单位的简要概述，我认为非常有用：

一般来说，最好声明你使用的是哪个单位，而 0 总是相同的，所以如果你有一个 0 值（零）你就不必写单位，如果你这样做没有优势写单位

（相反，如果没有优化，您编写的每个不必要的单元的 css 文件都会大 2 个字节：D）

【讨论】：