Movatterモバイル変換


[0]ホーム

URL:


  1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. CSS 参考
  4. <absolute-size>

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in EnglishAlways switch to English

<absolute-size>

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

字体大小关键字映射到已弃用的 HTMLsize 属性,请参阅下面的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> 标题以及映射到已弃用的HTMLsize 属性

<absolute-size>xx-smallx-smallsmallmediumlargex-largexx-largexxx-large
缩放比例3/53/48/916/53/22/13/1
对应 HTML 标题h6h5h4h3h2h1
HTMLsize 属性1234567

HTML size 属性

HTML 中用于设置字体大小的size 属性已弃用。该属性值可以是介于1 and7 之间的整数,也可以是相对值。相对值是带符号的整数,符号+ 表示增加字体大小,符号- 表示减小字体大小。值+1 表示将size 增加 1,值-2 表示将size 减小 2,计算后的值将被限制在最小值1 和最大值7 之间。

示例

比较关键字值

html
<ul>  <li>font-size: xx-small;</li>  <li>font-size: x-small;</li>  <li>font-size: small;</li>  <li>font-size: medium;</li>  <li>font-size: large;</li>  <li>font-size: x-large;</li>  <li>font-size: xx-large;</li>  <li>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;}

结果

规范

Specification
CSS Fonts Module Level 4
# valdef-font-size-absolute-size

参见

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp