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