font-size

font-size CSS 属性设置字体大小。更改字体大小还会更新字体大小相关的 <length > 单位,例如 em、ex 等。

语法

/* <absolute-size> 值 */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; font-size: xxx-large; /* <relative-size> 值 */ font-size: smaller; font-size: larger; /* <length> 值 */ font-size: 12px; font-size: 0.8em; /* <percentage> 值 */ font-size: 80%; /* math 值 */ font-size: math; /* 全局值 */ font-size: inherit; font-size: initial; font-size: revert; font-size: revert-layer; font-size: unset;

font-size 属性可以通过以下方式之一进行指定:

通过绝对大小、相对大小或 math 关键字之一。

通过 <length> 或 <percentage>,相对于元素的字体大小。

xx-small、x-small、small、medium、large、x-large、xx-large、xxx-large

基于用户默认字体大小(medium)的绝对大小关键字。

larger、smaller

相对大小关键字。字体大小将相对于父元素的字体大小变大或变小,大致按照上面用于区分绝对大小关键字的比率。

<length>

一个正的 <length> 值。对于大多数相对于字体的单位(例如 em 和 ex),字体大小相对于父元素的字体大小。

对于基于根元素的字体相关单位(例如 rem),字体大小相对于 <html>(根)元素使用的字体大小。

一个正的 <percentage> 值,相对于父元素的字体大小。

math 实验性 使用特殊的数学缩放规则来确定 font-size 属性的计算值。