CSS Font-size

CSS 的 font-size 属性用于指定字体的**高度**和**大小**。它会影响元素的文本大小。其默认值为 medium，可应用于所有元素。该属性的值包括 xx-small、small、x-small 等。

语法

字体大小可以是相对的，也可以是绝对的。

绝对大小

它用于将文本设置为**固定大小**。使用绝对大小，无法更改所有浏览器中**文本的大小**。当知道输出的物理大小时，它是有优势的。

相对大小

它用于将文本大小设置为**相对于**其相邻元素的大小。使用相对大小，可以更改浏览器中**文本的大小**。

注意：如果我们没有定义 font-size，那么对于正常文本，如段落，默认大小为 16px，等于 1em。

使用像素设置字体大小

当我们使用像素设置文本大小时，它会为我们提供对文本大小的**完全控制**。

示例

使用 em 设置字体大小

它用于**调整文本大小**。大多数开发者**偏爱 em 而非像素**。这是万维网联盟（W3C）推荐的。如上所述，浏览器中的默认文本大小为 16px。因此，我们可以说 1em 的默认大小是 16px。

从**像素**到 em 计算大小的公式是 em = 像素 / 16。

示例

响应式字体大小

我们可以使用 vw 单位设置文本的大小，它代表“视口宽度”。视口是浏览器窗口的大小。

1vw = 视口宽度的 1%。

如果视口宽度为 50 厘米，则 1vw 等于 0.5 厘米。

示例

使用长度属性设置字体大小

它用于以**长度**设置字体大小。长度可以是 cm、px、pt 等。font-size 不允许使用 length 属性的负值。

语法

示例