1.px
像素，绝对单位长度，可设定固定的长度大小。（像素是相对于显示器屏幕分辨率而言）
所有浏览器都显示为一样大小。
eg：
html:
<p>这是一段正常段落</p>
? <p class="change">这是一个设置了大小为30像素大小的段落</p>
css:
p.change{font-size:30px}
效果如图：
2.em
值不固定，相对单位长度，会继承父级元素的字体大小。
em是以字为单位，1em是占一个字符的宽度，大小随着字符的字号而变化。
eg:
html:
<p>这是一段正常段落</p>
<p class="change">这是一个设置了大小为1.3em的段落</p>
css:
p.change {font-size:1.3em;}
效果如图：
3.rem
rem是CSS3新增的一个相对单位（root em，根em）
这个单位与em的区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。
通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
4.fr
剩余空间分配数
fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。
----关于css中常见单位----
原文地址：https://www.cnblogs.com/player-yenney/p/9782809.html