CSS中的'property:0'或'property:0px'?

时间:2010-11-30 20:49:52

标签: css properties zero

我已经看过这个符号使用了很多,我想知道,这两个符号之间有什么明显的区别吗?

element#id
{
  property: 0;
}

element#id
{
  property: 0px;
}

我一直使用property: 0px;,因为我发现它更干净,但我不确定浏览器是否以0px的方式解释0

有谁知道哪一个更好或更正?

11 个答案:

答案 0 :(得分:47)

单位标识符可选,但没有明显的性能提升(尽管 保存了两个字符)。

根据W3C CSS 2.1 Specification for Syntax and basic data types

  

长度值的格式(在本说明书中由< length>表示)是< number>。 (带或不带小数点)后面紧跟一个单元标识符(例如,px,em等)。 长度为零后,单位标识符是可选的。

(强调我的)

答案 1 :(得分:29)

虽然当值为0时单位是可选的,但我倾向于将其保留,因为我可以通过点击数值并按向上/向下箭头键来调整Chrome的开发人员工具的值。没有单位,这是不可能的。

此外,CSS minifiers将单位从0值中除去,所以最终它并不重要。

答案 2 :(得分:15)

他们是一样的。浏览器将两者解释为0,所以请选择更适合您的内容。

答案 3 :(得分:9)

零的零是零。 0px = 0% = 0em = 0pt = 0

大多数人都会把设备关掉,因为它根本就没有杂乱。

答案 4 :(得分:5)

据我所知,他们之间没有区别,因为0px = 0em = 0ex = 0% = 0。作为开发人员,完全取决于您决定自己最喜欢的内容(当然,除非您有自己需要遵循的公司编码标准)。

从我见过的大多数代码示例中,大多数人都使用无单元版本。对我来说,它看起来更干净。如果您正在推送大量数据(例如,如果您是Google),那么这两个字节可能会增加大量带宽,尤其是因为您很可能在样式表中多次重复这些数据。

答案 5 :(得分:3)

零像素等于零英寸和零米等等。你只需要0

答案 6 :(得分:2)

我个人认为00px更清洁。这是两个可以加起来的额外字符。为什么在不需要时添加额外的字节。我看到padding: 0px 0px 0px 0px可以很容易地表达为padding: 0方式。

答案 7 :(得分:1)

你可以使用其中之一 - 我最好的建议是不要过于担心,但要以一种方式或另一种方式保持一致。我个人更喜欢指定'0px',原因如下:

  • 使用0px可以使您与指定的所有其他“px”尺寸更加一致
  • 它也更冗长,并且非常清楚你设置零长度而不是'切断此'标志
  • 如果需要,调整'0px'值以使其成为另一个值
  • 会稍微容易一些

答案 8 :(得分:0)

正如其他人所说的那样,如果它的0为真并不重要,尽管我选择将测量值添加到我的所有值中,这样任何查看我的CSS文件的人都可以衡量他们可能在其他地方处理的测量值

答案 9 :(得分:0)

我知道0px0之间应该没有差异,但我发现有时会存在

我试图将这样的对象居中:

position: absolute;
left: max(0px, calc((100vw - 400px)/2));
max-width: 400px;   

它可以工作,但是如果用0px代替0,就行不通了。

答案 10 :(得分:0)

zero-units 零值不需要单位。在 CSS 中保存字节的一种简单方法是在值为 0 时不包含单位。例如,0px 和 0 完全相同......

http://csslint.net/index.html