- 尝试一下 - - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p {
      font-size: 16px;
      line-height: 2em;
    }

    div {
      font-size: 30px;
      border: 1px solid black;
    }

    span {
      font-size: 0.5em;
    }
  </style>
</head>
<body>

  <p>这个段落的高度为: 2x16px = 32px。</p>
  <p>这个段落的高度为: 2x16px = 32px。</p>
  <p>这个段落的高度为: 2x16px = 32px。</p>
  <div>div 的 font-size 设置为 30px。 <span>div 中的 span 元素 font-size 为 0.5em, 计算结果后即为 0.5x30 = 15px</span>。</div>

</body>
</html>
        