css - 具有跨度大小问题的 H1 文本

Question

我只知道html和css的基础知识。 我正在尝试让我的 H1 内部有一个跨度以显示小于 h1 大小

<h1>title<br><span>title 2</span><h1>

然后是CSS

h1 {
font-size: font-size: 4.4em;
}

span {
display: block;
font-size : 1.4em;
}

但它的大小仍然与 h1 相同，请帮忙!

Answer 1

'em'是字体大小的相对单位，'px'是固定值。因此，当您将 H1 的字体大小设置为 4.4em 时，它会将浏览器的默认字体大小乘以 4.4，并以该大小显示文本。您的跨度在 H1 内。所以基本上，SPAN 中文本的字体大小将是 (default font-size * 4.4) * 1.4

由于该值乘以 1.4，您没有注意到差异，但它正在被应用。尝试为 SPAN 字体大小使用不同的值，例如 2em，您会注意到差异。

是的，正如其他人所指出的，请更正 CSS 语法。