CSS度量单位

2024-04-27 09:20:03 337

CSS支持多种度量，包括诸如英寸，厘米，点等的绝对单位，以及诸如百分比和em单位的相对度量。在样式规则中指定各种度量时，需要这些值。

以下是CSS度量单位：

单元
描述
例
％
将度量定义为相对于另一个值（通常是一个封闭元素）的百分比。
p{font-size：16pt;行高：125％；}
厘米
定义以厘米为单位的度量。
div{margin-bottom：2cm;}
EM
em空间中字体高度的相对度量。由于em单位等于给定字体的大小，因此，如果将字体分配给12pt，则每个“em”单位将为12pt。因此，2em为24pt。
p{letter-spacing：7em;}
前
此值定义相对于字体的x高度的度量。x高度由字体的小写字母x的高度确定。
p{font-size：24pt;行高：3ex;}
在
定义以英寸为单位的尺寸。
p{word-spacing：.15in;}
毫米
定义以毫米为单位的尺寸。
p{字距：15mm；}
个人电脑
定义以picas为单位的度量。一小点相当于12点；因此，每英寸有6点活字。
p{font-size：20pc;}
pt
定义以磅为单位的度量。点定义为1/72英寸。
正文{font-size：18pt;}
像素
定义以屏幕像素为单位的度量。
p{padding：25px；}
h
视口高度的1％。
h2{font-size：3.0vh;}
大众
视口宽度的1％
h1{font-size：5.9vw;}

vmin

1vw或1vh，以较小者为准

p{font-size：2vmin;}

CSS度量单位

热门推荐

随机推荐