em：相对长度单位，根据父元素的字体大小来计算； rem：相对于根元素的字体大小，也就是html元素的字体大小； %：相对于父元素的宽度来计算； px：绝对长度单位，固定不变； pt：绝对长度单位，根据屏幕分辨率来计算； cm、mm、in、pc：绝对长度单位； vw、vh、vmin、vmax：相对于视口的宽度、高度或最小/最大尺寸。
其中，em和rem常用于设置文本大小，而%常用于设置图片和容器大小。px是最常用的单位，主要用于设置固定尺寸的元素。
vw、vh、vmin、vmax是相对于视口的尺寸，这在开发响应式网站时非常有用。vw和vh分别表示视口的宽和高，可以直接设置为100vw或100vh，填满整个屏幕。而vmin和vmax则根据视口的宽和高之间的较小值或较大值来计算。
不同的unit之间可以互相转换。例如，1rem等于根元素的字体大小，而根元素的字体大小通常为16px，因此1rem等于16px。而1vw等于视口宽度的1%，如果视口宽度为1000px，那么1vw等于10px。