CSS的单位

导入

我们在刚开始学习CSS的时候，框的大小一般都是用px表示的，其实除此之外还有其他的单位。有绝对和相对之分。

绝对单位

大小固定不变，一般是物理度量单位。

cm	厘米
mm	毫米
in	英寸
pt	英镑

相对单位

px	像素
%	百分比
px	像素
em	相对长度单位
rem	绝对长度单位

px 像素

像素点就是屏幕上最小的点。屏幕分辨率不同，px的大小也不同。从严格意义上来说，它是相对单位。但如果不考虑这个因素的话，px也就相当于绝对单位。浏览器默认font-size为16px。

%百分比

可分为三类：
1 width height font-size：相对于父元素的相同属性的值来计算大小；
2 line-height 行高，相对于当前元素的font-size计算大小
3 vertical-align 垂直对齐方式，相当于当前元素的line-height计算大小。

em

相对于当前字体大小而言的，例如：font-size=10px；则1em=10px。如果当前元素未定义，则继承父元素的font-size，浏览器默认10px。

em的用途

1 首行缩进

//常见的首行缩进2字符
text-indent:2em

2 用作同一单位，所有大小都通过em进行换算
3 作为字体大小单位，当页面字体需要改变时，只需改变根元素的font-size即可。

rem

全称：font size of the root element，是指相对于根元素（html）的字体大小。