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