html - 字体大小增加上边距

Question

为什么如果我使用 font-size:70px 或 120px，顶部和文本之间的距离会增加？

编辑:显然，我通过更改行高来修复它。是否有默认行高？

Answer 1

由于您没有显示任何代码，我假设您没有使用任何样式:

body
{
  font-size: 70px;
}

每个浏览器都有不同的默认样式表，因此实际值可能会有所不同。

通常默认的 line-height 是 1em 或 100%(同样的事情)。在某些元素上，例如 p 和 h#，默认情况下有顶部和底部边距。对于 p 标签，边距是 1em 而对于 h# 它变化很大(1.5em 对于 h1，1.25em 用于 h2 等)。

em 和 % 值基于字体大小。如果您有一个字体大小为 30px 的段落元素，默认情况下它将有一个 30px 的顶部和底部边距。