'属性:0'或'财产:0px'在CSS?

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

element#id { property: 0; } 

 element#id { property: 0px; } 

我使用property: 0px; 所有的时间,因为我觉得它看起来更清洁,但我不确定如果浏览器解释0 0px不同于0

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

单位标识符是可选的 ,但没有注意到性能提高(尽pipe您保存两个字符)。

根据W3C CSS 2.1规范的语法和基本数据types :

长度值的格式(在本规范中用<length>表示)是一个<number>(有或没有小数点)紧跟一个单位标识符(例如,px,em等)。 零长度后,单位标识符是可选的。

(强调我的)

虽然该单位是可选的,当值为0 ,我倾向于将其留在,因为我可以通过单击该值并按上/下箭头键,使用Chrome的开发工具调整值。 没有一个单位,这是不可能的。

而且,CSS缩小器也会将这些单位从0值中剥离出来,所以最终它们并不重要。

他们是一样的。 浏览器解释为0,所以去任何更可读的你。

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

大多数人离开单位,因为这是不必要的混乱。

据我所知,他们之间没有区别,因为0px = 0em = 0ex = 0% = 0 。 作为开发者,完全取决于你自己决定你最喜欢的东西(当然,除非你有公司的编码标准)。

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

零像素等于零英寸和零米等等。 0是你所需要的。

我个人发现00px清洁。 这是两个额外的字符,可以加起来。 为什么添加额外的字节,当你不需要。 我已经看到了padding: 0px 0px 0px 0px ,它可以很容易地表示为padding: 0方式。

你可以使用任何一种 – 我最好的build议是不要担心得太多,但要一直做到这一点。 我个人更喜欢指定“0px”,原因如下:

  • 使用0px使事情与您指定的所有其他'px'大小更加一致
  • 这也是比较冗长的,并且很清楚你设置的是零长度而不是“closures”标志
  • 调整一个“0px”值稍微容易一些,如果需要的话,可以使它成为另一个值

正如其他人所说的那样,它的0值并不重要,尽pipe我select将度量值添加到所有的值中,所以任何查看我的CSS文件的人都可以测量他们可能在其他地方处理的度量值。