我已经看过这个符号使用了很多,我想知道,这两个符号之间有什么明显的区别吗?
element#id
{
property: 0;
}
和
element#id
{
property: 0px;
}
我一直使用property: 0px;
,因为我发现它更干净,但我不确定浏览器是否以0px
的方式解释0
。
有谁知道哪一个更好或更正?
答案 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)
我个人认为0
比0px
更清洁。这是两个可以加起来的额外字符。为什么在不需要时添加额外的字节。我看到padding: 0px 0px 0px 0px
可以很容易地表达为padding: 0
方式。
答案 7 :(得分:1)
你可以使用其中之一 - 我最好的建议是不要过于担心,但要以一种方式或另一种方式保持一致。我个人更喜欢指定'0px',原因如下:
答案 8 :(得分:0)
正如其他人所说的那样,如果它的0为真并不重要,尽管我选择将测量值添加到我的所有值中,这样任何查看我的CSS文件的人都可以衡量他们可能在其他地方处理的测量值
答案 9 :(得分:0)
我知道0px
和0
之间应该没有差异,但我发现有时会存在。
我试图将这样的对象居中:
position: absolute;
left: max(0px, calc((100vw - 400px)/2));
max-width: 400px;
它可以工作,但是如果用0px
代替0
,就行不通了。
答案 10 :(得分:0)
zero-units 零值不需要单位。在 CSS 中保存字节的一种简单方法是在值为 0 时不包含单位。例如,0px 和 0 完全相同......