CSS中表示长度的单位不只一种，诸如px（像素）、cm（厘米）等。可以被设置长度的属性有很多，诸如width、height、margin、padding、font-size等。
友情提示：1、如果取值为0，单位可以缺省；2、长度单位一般分为两大类，绝对长度与相对长度。
所谓的绝对尺寸的单位，就是其定义的长度是实际固定的长度，其相对的是标准的尺寸。
绝对尺寸并不是适合非常需要自适应屏幕变化的场景，做移动端的网页并不推荐完全使用绝对长度单位。
| 单位 | 描述 |
|---|---|
| cm | 厘米 |
| mm | 毫米 |
| in | 英尺（1in = 96px = 2.54cm） |
| px | 像素（1px = 1in/96 ） |
| pt | 印刷单位磅points（1pt = 1in/72） |
| pc | 印刷单位派卡picas（1pc = 12pt） |
所谓的相对长度尺寸单位，就是其定义的长度并非实际固定的长度，而是相对于别的长度而言。
相对尺寸比较适合自适应需求比较大的场景，如移动端网页。
| 单位 | 描述 |
|---|---|
| em | 相对于元素的font-size大小而言 |
| ex | 相对于当前字体的x-height属性而言（很少使用） |
| ch | 相对于“0”这个字符的宽度而言 |
| rem | 相对于根元素的font-size属性而言 |
| vw | 相对于视窗viewport的宽度的1%而言，1vw就是等于浏览器视窗宽度的1% |
| vh | 相对于视窗viewport的高度的1%而言，1vh就是等于浏览器视窗高度的1% |
| vmin | 1vmin = min( 1vw, 1vh ) 这里的min函数会返回两者之间实际长度更小的长度 |
| vmax | 1vmax = max( 1vw, 1vh ) 这里的max函数会返回两者之间实际长度更大的长度 |
| % | 相对于父元素而言 |
| 长度单位 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| em, ex, %, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
| ch | 27.0 | 9.0 | 1.0 | 7.0 | 20.0 |
| rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
| vh, vw | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
| vmin | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
| vmax | 26.0 | 不支持 | 19.0 | 7.0 | 20.0 |
到此为止，初步学习了CSS的基础教程，这只算学完了CSS的上册，更多内容请学习CSS下册《学习CSS3》
