CSS尺寸

概述
CSS尺寸分为两种：绝对尺寸和相对尺寸。
1.绝对尺寸
单位 描述
cm 厘米
mm 毫米
in 英寸，1in=96px=2.54cm=72pt
px 像素
pt 点
pc 派卡，1pc=12pt 
	
<div style="width:100px;height:30px;background-color: green"></div>
2.相对尺寸
单位 描述
em 相对于当前容器内的字体尺寸，可用nem表示（n表示倍数，如1，2，3。下同）
ex 相对于当前字体的高度，可用nex表示
ch 相对于数字“0”的宽度，可用nch表示
rem 相对于根元素的字体尺寸，可用nrem表示
vm 相对于视口宽度的1%，可用nvm表示
vh 相对于视口高度的1%，可用nvh表示
vmin 相对于视口宽度和高度中较小尺寸的1%，可用nvmin表示
vmax 相对于视口宽度和高度中较大尺寸的1%，可用nvmax表示
% 相对于父元素的百分比 
	
<div style="width:30%;height:30px;background-color:brown;"></div>