①px:
像素单位：它是英文单词pixel的缩写，意思为像素，即构成图片的每一个点，为图片显示的最小单位。它是一个绝
对尺寸单位，是固定的。
②em:
相对长度单位：它是英文单词emphasize的缩写。是相对于当前对象内文本的字体尺寸的单位，国外使用比较多。
列如：一般浏览器字体大小默认为16px，则2em == 32px；是相对于其父元素来设置字体大小的。
③fr:
分配剩余空间的单位：前面使用其他单位分配之后，再使用fr可以分配剩下的空间，分配方式是按比例分配。3fr便是分为3份。
④rem：
相对长度单位：和em相似，但是它是相对于html元素的相对长度单位。