css中字体大小可以用em

在CSS中，我们可以使用em作为字体大小的单位。em是相对大小单位，它继承自父元素的字体大小，也可以通过嵌套来进行叠加计算。

body {
  font-size: 16px;
}

h1 {
  font-size: 2em; /* 2em = 32px */
}

p {
  font-size: 1.2em; /* 1.2em = 19.2px */
}

ul li {
  font-size: 0.8em; /* 0.8em = 12.8px */
}

上面的代码中，我们设置body的字体大小为16px。然后，h1的字体大小设置为2em，它的实际大小就是32px（16 * 2）。接下来，p的字体大小设置为1.2em，它实际大小就是19.2px（16 * 1.2）。最后，ul li的字体大小设置为0.8em，它的实际大小就是12.8px（16 * 0.8）。

em的好处是可以让字体大小根据父元素的字体大小来进行自适应，如果我们需要在不同的屏幕尺寸下设置不同的字体大小，使用em就非常方便。但是，它有一个缺点，就是当嵌套层数较深时，计算会变得比较繁琐。此时，可以使用rem作为替代方案。

总的来说，em是CSS中一种有用的字体大小单位，它可以让我们更加灵活地设置字体大小。