长度单位 分为绝对长度单位和相对长度单位：
相对长度单位 是css使用较多的；
相对长度单位是使用最多的长度单位。包括em、rem、px，下面分别介绍一下。
em是度量单位。指字符宽度的倍数，一般是用百分比计算，基数是包含块继承而来；
通常1em = 16px；
rem是css3中新增的一个相对度量单位，也是用百分比计算基数是根元素的初始值。
px就是通常所说的像素，使网页设计中使用最多的长度单位。将显示器分成非常细小的方格，每个方格就是一个像素。表面上看好像很容易理解，实际上，px的具体大小是受到屏幕的分辨率影响的，也就是和划分屏幕各自的方式有关。例如，同样是100px大小的字体，如果显示器使用800×600像素的分辨率，那么，每个字的宽度是屏幕的1/8。若将显示器的分辨率设置为1024×768像素，那么同样是100px字体的字，其宽度就越为屏幕宽度的1/10。
优点：
px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的.
em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.
rem:可以设置根源素的大小，批量设置整个页面的大小（文字）。也就是说相对HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。；