'属性: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
是你所需要的。
我个人发现0
比0px
清洁。 这是两个额外的字符,可以加起来。 为什么添加额外的字节,当你不需要。 我已经看到了padding: 0px 0px 0px 0px
,它可以很容易地表示为padding: 0
方式。
你可以使用任何一种 – 我最好的build议是不要担心得太多,但要一直做到这一点。 我个人更喜欢指定“0px”,原因如下:
- 使用0px使事情与您指定的所有其他'px'大小更加一致
- 这也是比较冗长的,并且很清楚你设置的是零长度而不是“closures”标志
- 调整一个“0px”值稍微容易一些,如果需要的话,可以使它成为另一个值
正如其他人所说的那样,它的0值并不重要,尽pipe我select将度量值添加到所有的值中,所以任何查看我的CSS文件的人都可以测量他们可能在其他地方处理的度量值。