<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 属性
用于在 HTML 中设置字体大小的 size 属性已废弃。属性值可以是介于 1 和 7 之间的整数,也可以是相对值。相对值是前面带有 + 或 - 的整数,分别用于增大或减小字体大小。值 +1 表示将 size 增加 1,-2 表示将大小减小 2,计算值被限制在最小 1 和最大计算值 7 之间。
示例
比较关键字值
<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>
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 |
另见
- CSS
<relative-size>数据类型 - CSS
font和font-size属性 - CSS 字体模块