值之前的点在CSS中意味着什么？

Question

我正在看Angular 2教程，CSS中的这个细节引起了我的注意。

“。1em”中的点是什么意思或做什么？

.heroes li:hover {
    color: #607D8B;
    background-color: #DDD;
    left: .1em;
  }

Answer 1

它是0.1em的简称，即。十分之一的人。换句话说，您不仅限于整数（整数）。

这看起来并没有那么无用。 CSS最小化器正在变得普遍，并且会将此代码减少到

.heroes li:hover {color:#607D8B;background-color:#DDD;left:.1em;}

.1之前的前导零只是另一个可以消失的字节。

Answer 2

它意味着0.1em，但是有些人把它写成.1em，它是捷径，就像你在数学中使用的那样。

Answer 3

EM是相对于元素字体大小的值。

.1em是1em的10％

没有css： 1em == 16px

如果字体大小发生变化，则1em =新的字体大小值。

Answer 4

点实际上意味着0.并且CSS将点后面的数字作为1的小数。 .1 = 0.1或.3s = 0.3s

所以，下面两个街区的行为相同：

div {
    transition: all .3s;
}

div {
    transition: all 0.3s;
}

结果是300毫秒或0.3秒。