css的像素单位

1. 绝对(absolute)单位
   px
   px单位名称为像素，像素（px）是相对于显示器屏幕分辨率而言的，而这种像素长度和你在显示器上看到的文字屏幕像素无关。
   而且在特定设备上总是一个近似值（原则是尽量接近参考像素）。
   px实际上是一个按角度度量的单位。

2. 相对(relative)单位
   em
   1em指的是一个字体的大小，它会继承父级元素的字体大小，因此并不是一个固定的值,起初排版度量时是基于当前字体大写字母”M”的尺寸的。

不仅仅是字体，将行距(line-height)，和纵向高度的单位都用em。保证缩放时候的整体性。

em指字体高，任意浏览器的默认字体高都是16px。所以,未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。

em有如下特点:
1.em的值并不是固定的;
2.em会继承父级元素的字体大小。

em巧用：
中文文章中，一般段首空两格。如果用px作为单位，对12px字体来说需要空出24px，对14px字体来说需要空出28px……这样换算非常不通用。如果用上em单位，这个问题就很好解决了，1个字的大小就是1em，那两个字的大小就是2em。因此，

3. em：是一个相对长度单位。em相对于当前对象内文本的字体尺寸。

4. pt：Point，单位名称为点，是绝对长度单位。

总结：em和rem区别
r是root是根目录，一般来说是html
1 rem=16px