根据这个页面,CSS letter-spacing属性的默认值为normal。
值得注意的是,非默认值被添加到默认值:
使用 letter-spacing 时要注意的最重要的一点是,指定的值不会更改默认值,它会添加到浏览器应用的默认间距(基于字体度量)。letter-spacing 也支持负值,这将收紧文本的外观,而不是放松它。
根据这个定义,0应该等价于normal的默认值,因为 0 + X = X。
1) 使用0代替默认值normal是否有效?(这是用于滑块实现的。)
2) 为什么0不是默认值?为什么要引入另一个值(即normal)?
CodePen 上的这个测试还表明,值0实际上等同于默认值normal。
.loose {
letter-spacing: 2px;
}
.tight {
letter-spacing: -1px;
}
.zero {
letter-spacing: 0;
}
.normal {
letter-spacing: normal;
}
<p>This type has no additional letter-spacing applied.</p>
<p class="loose">This type is letter-spaced loosely at <code>2px</code>.</p>
<p class="tight">This type is letter-spaced tightly at <code>-1px</code></p>
<p class="zero">This type is letter-spaced at <code>0</code></p>
<p class="normal">This type is letter-spaced at <code>normal</code></p>