极客教程CSS 测量单位
在我们开始实际练习之前，我们想简要介绍一下CSS测量单位。CSS支持多种测量单位，包括绝对单位，如英寸、厘米、点等，以及相对单位，如百分比和em单位。在指定样式规则的各种测量时需要使用这些值，例如： border = “1px solid red” 。
我们列出了所有的CSS测量单位以及合适的示例 –
| 单位 | 描述 | 示例 |
|---|---|---|
| % | 将度量标准定义为相对于另一个值的百分比，通常是一个容器元素。 | p {font-size: 16pt; line-height: 125%;} |
| cm | 以厘米为单位进行度量。 | div {margin-bottom: 2cm;} |
| em | em作为字体高度的相对度量，因为em单位等同于给定字体的大小，如果将字体分配为12pt，则每个”em”单位将为12pt；因此，2em将为24pt。 | p {letter-spacing: 7em;} |
| ex | 此值定义为相对于字体x高度的度量。字体的x高度由小写字母x的高度确定。 | p {font-size: 24pt; line-height: 3ex;} |
| in | 以英寸为单位进行度量。 | p {word-spacing: .15in;} |
| mm | 以毫米为单位进行度量。 | p {word-spacing: 15mm;} |
| pc | 以派卡为单位进行度量。派卡等于12点（points），所以每英寸有6个派卡。 | p {font-size: 20pc;} |
| pt | 以点（points）为单位进行度量。点被定义为1/72英寸。 | body {font-size: 18pt;} |
| px | 以屏幕像素为单位进行度量。 | p {padding: 25px;} |