1. px 像素
像素是最常用的长度单位。它是相对于设备的屏幕分辨率而言的,即它是一个固定的尺寸。
2. em 相对长度
相对长度是相对于父级元素字体大小的一种长度单位,em的值是父级字体大小的倍数。例如,如果父级元素的字体大小为16px,那么1em就相当于16px。
3. rem 相对长度
相对长度也与em类似,但是它是相对于根元素(html元素)的字体大小而言。rem的值是根元素字体大小的倍数。
4. % 百分比
百分比是相对于父级元素尺寸而言的,百分比的值是相对于父级元素的尺寸的百分比。例如,如果父级元素的宽度为200px,而子级元素的宽度为50%,那么子级元素的宽度就为100px。
5. vh 视窗高度的百分比
vh是相对于视窗高度的一种百分比长度单位。
6. vw 视窗宽度的百分比
vw是相对于视窗宽度的一种百分比长度单位。