em：等于当前字体的大小。
举个例子：
h1{font-size:24px; margin:1em;}
p{font-size:18px; margin:1em;}
<body>
<h1>1em = 24px</h1>
<p>1em = 18px</p>
</body>
在这个例子中，h1中的 1em = 24px,p中的 1em = 18px;
ex:等于当前字体的小写字母x的大小，不同的字体小写x的高度不同；
px: 1px = 1个像素。在显示器上，使用显示器的实际像素,在别的设备（比如打印机）使用96ppi.
别的还有百分比值。百分比系数可以来自父元素等。
![CSS的伪元素和伪类的区别[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)