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