长度单位

像素px

像素是我们在网页中使用的最多的的一个单位
一个像素就相当于我们屏幕中的一个小点，我们的屏幕实际上就是由这些像素点构成的，
比如电脑像素：1366 X 768就是指电脑屏幕横着有1366个像素点，纵向有768个像素点。当然当电脑屏幕大小固定，电脑像素点越多说明每个像素点越小，那么画面就越清晰。
就是指我们设置的px就是指它占多少个像素点
因为手机屏幕和电脑屏幕大小不同，所以在电脑上设置的像素大小在手机上不一定适用，所以当开发手机上的网站的时候，需要注意这一点，大部分，电脑上的一个像素等于手机上的四个像素。所以，有的时候电脑网站转换为手机像素的时候可以电脑像素乘于4

百分比%

百分比，他计算的依据是父元素的大小。
即他会根据父元素的大小设置自己的大小，是父元素大小的百分比的大小
常用在创建自适应的页面，
比如

div2只会占div1，50%的区域

em

em和百分比类似，它是根据当前字体大小来计算的
常用于设置字体相关的样式
1em=1font-size

没有font-size，则em单位没用