<absolute-size>

**<absolute-size>** CSS 数据类型 描述了绝对大小关键字。此数据类型用于 font 简写和 font-size 属性。

字体大小关键字映射到已弃用的 HTML size 属性。请参阅下面的 HTML size 属性 部分)。

语法

<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large

<absolute-size> 数据类型使用从下面列表中选择的关键字值定义。

xx-small

绝对大小为 medium 大小的 60%。映射到已弃用的 size="1"

x-small

绝对大小为 medium 大小的 75%。

small

绝对大小为 medium 大小的 89%。映射到已弃用的 size="2"

medium

用户的首选字体大小。此值用作参考中间值。映射到 size="3"

large

绝对大小比 medium 大 20%。映射到已弃用的 size="4"

x-large

绝对大小比 medium 大 50%。映射到已弃用的 size="5"

xx-large

绝对大小是 medium 大小的两倍。映射到已弃用的 size="6"

xxx-large

绝对大小是 medium 大小的三倍。映射到已弃用的 size="7"

描述

每个 <absolute-size> 关键字值的大小相对于 medium 大小和各个设备的特性(如设备分辨率)而定。用户代理维护每个字体的字体大小表,其中 <absolute-size> 关键字是索引。

在 CSS1(1996)中,相邻关键字值索引之间的缩放因子为 1.5,这太大了。在 CSS2(1998)中,相邻关键字值索引之间的缩放因子为 1.2,这给较小的值带来了问题。由于发现相邻绝对大小关键字之间使用单个固定比率存在问题,因此不再有固定的比率建议。为了保持可读性,唯一建议是,最小的字体大小不应小于 9px

对于每个 <absolute-size> 关键字值,下表列出了缩放因子,映射到 <h1><h6> 标题,以及映射到已弃用的 HTML size 属性

<absolute-size> xx-small x-small small medium large x-large xx-large xxx-large
缩放因子 3/5 3/4 8/9 1 6/5 3/2 2/1 3/1
HTML 标题 h6 h5 h4 h3 h2 h1
HTML size 属性 1 2 3 4 5 6 7

HTML size 属性

size 属性用于在 HTML 中设置字体的尺寸,它已被弃用。属性值可以是 17 之间的整数,也可以是相对值。相对值是在整数前面加上 +- 来分别增加或减少字体大小。+1 的值表示增加 size 一位,-2 的值表示减少 size 两位,计算后的值限制在最小值 1 和最大计算值 7 之间。

示例

比较关键字值

html
<ul>
  <li class="xx-small">font-size: xx-small;</li>
  <li class="x-small">font-size: x-small;</li>
  <li class="small">font-size: small;</li>
  <li class="medium">font-size: medium;</li>
  <li class="large">font-size: large;</li>
  <li class="x-large">font-size: x-large;</li>
  <li class="xx-large">font-size: xx-large;</li>
  <li class="xxx-large">font-size: xxx-large;</li>
</ul>
css
li {
  margin-bottom: 0.3em;
}
.xx-small {
  font-size: xx-small;
}
.x-small {
  font-size: x-small;
}
.small {
  font-size: small;
}
.medium {
  font-size: medium;
}
.large {
  font-size: large;
}
.x-large {
  font-size: x-large;
}
.xx-large {
  font-size: xx-large;
}
.xxx-large {
  font-size: xxx-large;
}

结果

规范

规范
CSS 字体模块 第 4 级
# valdef-font-size-absolute-size

另请参见