px、em、rem都是用来设置字体大小的，只不过方式、范围、适用度有区别罢了。
px:像素（Pixel）。相对长度单位。
em:相对长度单位,继承父级元素的字体大小。1em=16px
rem:相对长度单位,继承html根元素的字体大小。
1.举个栗子，对比下px和em，36px=2.25em：
==============>>>>>>>>>>>>>>>>浏览器效果
现在给p标签的父标签body添加一个样式，自定义字体大小
==============>>>>>>>>>>>>>>>>浏览器效果
2.现在看一下rem(root em )
在页面上给html根标签加一个样式 html{ font-size:14px}那整个页面1em = 14px;不再是16px;
