CSS单位

css单位：

绝对单位：

cm mm in pt pc，在前端开发过程中不会用到

相对单位：

px % em rem

1 px：

如果不考虑分辨率，可以把px当做绝对单位来对待

2 %：

支持百分比单位的属性，大致可分为3类：
1 width height font-size的百分比是相对于父元素的“相同属性”的值来设置的；
2 line-height是相对于父元素的font-size的值来设置的；
3 vertical-align的百分比相对于父元素的line-height的值来设置

3 em

相对于”当前元素“字体大小来设置的（字体大小是指以px为单位的font-size值）

注意：

如果有当前元素没有定义，则当前元素会继承父元素的font-size。如果当前元素的所有祖先都没有定义font-size，则当前元素会继承浏览器默认的font-size，所有浏览器默认的font-size值均为16px

使用em作单位的3个小技巧：

1 首行缩进使用text-indent：2em实现

2 使用em做统一单位

如果一个页面中，我们想要统一使用em做统一单位，可以拿默认字体开小刀，为了简化计算，我们在css中，首先声明“body{font-size：62.5%;}”，通过该声明，我们可以使默认字体大小变为16pxX62.5%=10px;

此时em 与px的对应关系为:
1em=10px;
0.75em=7.5px;
对于一个页面的字体大小，使用px作单位可扩展性不是很好，使用百分比做单位时不符合习惯，使用em做单位，但需要改变页面整体的文字大小时，我们仅需要改变根元素字体大小即可，工作量变得非常小。
em的这一特点在跨平台网站开发中有着明显的优势

4 rem：

指的是相对于根元素（html）的字体大小，是css3新引入的单位，目前除了ie8及以前版本外，都支持rem单位，rem也是移动端最常用的字体之一