em:指定相对于字体大小的长度单位。例如:font-size:12px;border-width:2em;
上述代码中,2em 的值为当前字体大小的两倍,即 24px。
rem:也是相对于当前字体大小的单位,但是相对于根元素,即 html 标签。例如:font-size:16px;margin:2rem;
上述代码中,2rem 的值为根元素(即 html 标签)的两倍字体大小,即 32px。
px(pixel):指定绝对长度单位,通常是对像素(即屏幕)的测量。例如:width:200px;
上述代码中,元素的宽度为 200 像素。
%(百分比):相对于父元素的长度单位。例如:width:50%;
如果父元素的宽度为 1000px,那么元素的宽度将为 500px。
vh(viewport height):相对于视口高度的单位。例如:height:50vh;
如果视口高度为 1000px,那么元素的高度将为 500px。
vw(viewport width):相对于视口宽度的单位。例如:width:50vw;
如果视口宽度为 1000px,那么元素的宽度将为 500px。
以上就是几种常见的CSS单位,尽管这并不是一个完整的列表,但是这些单位已经足够覆盖大部分的需求。通过学习这些单位,大家可以更好地规划和控制元素的大小和位置。