在 CSS 中，有许多单位可以用来指定长度、大小、间距等。常见的单位包括以下几类：
绝对单位
这些单位具有固定的值，与设备无关：
px(像素)：例如16px，用于表示屏幕上的一个像素。pt(点)：例如12pt，传统上用于印刷单位，1 pt 等于 1/72 英寸。cm(厘米)：例如2cm。mm(毫米)：例如10mm。in(英寸)：例如1in。pc(派卡)：例如1pc，1pc 等于 12pt。
相对单位
这些单位的值依赖于其他的度量：
%(百分比)：例如50%，通常相对于父元素的大小。em：例如2em，相对于当前元素的字体大小。如果当前字体大小是16px，那么2em就是32px。rem：例如1.5rem，相对于根元素（通常是<html>元素）的字体大小。vw(视口宽度)：例如50vw，相对于视口（浏览器窗口）宽度的 1%。vh(视口高度)：例如100vh，相对于视口高度的 1%。vmin：例如10vmin，相对于视口宽度和高度中较小的那个的 1%。vmax：例如10vmax，相对于视口宽度和高度中较大的那个的 1%。
其他单位
ex：相对于当前字体中小写字母 "x" 的高度。ch：相对于当前字体中数字 "0" 的宽度。
这些单位可以结合使用，以创建响应式和灵活的布局。例如，可以使用百分比来设置容器的宽度，用 em 或 rem 来设置字体大小，从而确保在不同设备和视口大小下都有良好的显示效果。
