核心提示：CSS长度单位 单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 1...
CSS长度单位
| 单位 | 描述 |
|---|---|
| % | 百分比 |
| in | 英寸 |
| cm | 厘米 |
| mm | 毫米 |
| em |
1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 12pt 显示，那么 2em 是24pt。 在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。 |
| ex | 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。) |
| pt | 磅 (1 pt 等于 1/72 英寸) |
| pc | 12 点活字 (1 pc 等于 12 点) |
| px | 像素 (计算机屏幕上的一个点 |
或者是像xx-small、x-small、small、medium、large、xx-large这样的关键字，浏览器会将这些关键字转换成默认的像素值。 重点讨论一下以下几个单位。em是相对于当前的font-size大小而言的，1.2em就是当前font-size的1.2倍，在CSS3中引入了rem单位，表示"font size of the root element"，也就是根元素，rem无疑比em更好用；in、cm、mm、pt、pc等都与屏幕分辨率有关，都是近似尺寸；px表示屏幕上的一个像素点；百分比用于表示该属性值相对于另一个值的百分比，对于font-size等属性，就是父元素的该属性值的百分比。
CSS颜色单位
| 单位 | 描述 |
|---|---|
| (颜色名) | 颜色名称 (比如 red) |
| rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
| rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
| #rrggbb | 十六进制数 (比如 #ff0000) |
