1、px
1个px相当于一个像素
2、em
em是相对的长度单位，既然是相对的长度单位，那么一定有一个参照对象。
em 相对参照对象为父元素的font-size
em具有继承的特点，如果em的父元素没有设置font-size，那么它会去找他父元素的父元素，一级级的往上找，知道找到位置
当没有设置font-size时，浏览器会有一个默认的em设置，一般设置为：1em = 16px
3、rem
rem也是相对的长度单位，参照对象为根元素html，参照物固定不变，所以比较好计算。
当没有设置font-size时，浏览器会有一个默认的rem设置，一般设置为：1rem = 16px
若根元素html字体大小设置为：font-size:62.5% ，则 1rem = 10px (10/16*100%)
若根元素html字体大小设置为：font-size:100% ，则1rem = 16px
