CSS常见单位汇总

像素（px）： 绝对单位，以屏幕上的实际像素为基准，最常用于具体的尺寸和位置表示。
百分比（%）： 相对单位，基于父元素的属性计算大小，如宽度、高度、边距等。
自适应单位（em）： 相对单位，相对于当前元素的字体大小，1em 等于当前元素的字体大小。
根元素单位（rem）： 相对单位，相对于根元素（通常是 ) 的字体大小，1rem 等于根元素的字体大小。
视口单位（vw、vh、vmin、vmax）： 相对单位，基于视口的宽度和高度计算大小。
vw：相对于视口宽度的百分比。
vh：相对于视口高度的百分比。
vmin：相对于视口宽度和高度中较小值的百分比。
vmax：相对于视口宽度和高度中较大值的百分比。
字体单位（pt、em、rem）： 用于设置字体大小的单位。
pt：绝对单位，等于 1/72 英寸。
em：相对单位，基于当前元素的字体大小。
rem：相对单位，基于根元素的字体大小。
绝对单位:
cm：厘米。
mm：毫米。
in：英寸。
pt：点（1/72 英寸）。
pc：派卡（12 点）。
位置单位（top、right、bottom、left）： 用于定位元素的属性，可以结合其他单位一起使用。
时间单位（s、ms）： 用于设置动画和过渡的时间。
s：秒。
ms：毫秒。
以上是一些常见的 CSS 单位，具体使用时需根据情况选择合适的单位来满足设计和布局需求。