了解CSS字母间距：将normal的默认值替换为0是否有效？

Question

根据此页面，CSS letter-spacing属性的默认值为normal。

值得注意的是，非默认值会添加到默认值中：

使用字母间距时要注意的最重要一点是，指定的值不会更改默认值，而是将其添加到浏览器应用的默认间距（基于字体指标）。字母间距还支持负值，这将加强文本的外观，而不是使其变松。

根据此定义，因为0 + X = X ，所以0应该等于法线的默认值。

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>

Answer 1

两者并不完全相同。如果检查当前规格

正常

间距是当前字体的正常间距。该值允许用户代理更改字符之间的间距以使文本对齐。

然后

<length>

除字符之间的默认间隔外，此值还指示字符间的间隔。值可能为负，但可能存在特定于实现的限制。用户代理不得进一步增加或减少字符间空间以证明文本合理。

在大多数情况下，它们将呈现相同的内容，但正如您所看到的，用户代理不会完全相同。

下一级别的草案中的定义似乎已稍有更改，并且两者现在都相同。

出于传统原因，计算得出的字母间距为零会产生正常的解析值（getComputedStyle（）返回值）。

您也可以在这里阅读：https : //github.com/w3c/csswg-drafts/issues/1484

CSS2过去用来处理正常值不同于0的值，因此需要不同的计算。现在，规范将它们视为相同...

我不知道所有的浏览器是否已经实现了这一级别，但是您很可能会认为它们是相同的