像素(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 單位,具體使用時需根據情況選擇合適的單位來滿足設計和布局需求。