CSS度量单位

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;}