1. px（像素）：最常见的单位，表示屏幕上的一个点，是相对于屏幕分辨率而言的。在不同的设备上，一个像素的大小可能不同，因此使用px作为单位时需要注意不同设备的屏幕密度。
2. em：相对于当前对象内文本字体的大小，即指定字体大小的倍数。例如，如果当前元素的字体大小为16px，那么1em就相当于16px。
3. rem：相对于根元素html的字体大小，即指定字体大小的倍数。例如，如果根元素的字体大小为16px，那么1rem就相当于16px，rem可以避免em中嵌套计算带来的复杂问题。
4. %（百分比）：相对于父元素的大小，例如，一个元素的宽度设置为50%，则该元素的宽度将相对于其父元素的宽度，即占据父元素宽度的50%。
5. vw（视口宽度）：相对于视口宽度的百分比，1vw等于视口宽度的1%。例如，如果视口宽度为1000px，那么1vw就等于10px。
6. vh（视口高度）：相对于视口高度的百分比，1vh等于视口高度的1%。例如，如果视口高度为800px，那么1vh就等于8px。
7. rpx（响应式像素）：是小程序中使用的一种与设备像素密度无关的 CSS 单位。在小程序开发中，为了适配不同密度的屏幕，可以使用rpx作为单位，例如，1rpx在不同密度的屏幕上会被自动转换为不同的像素值。
总之，选择合适的CSS单位，可以让我们更灵活地控制页面元素的大小、位置等属性，从而提高网页的响应性能和用户体验。
