在CSS中,長度單位是指用來衡量CSS屬性的數值的單位。其中常見的有像像素(px)、百分比(%)、點(pt)、厘米(cm)等等。然而,有許多人常常會將某些并不是CSS長度單位的單位也誤認為是CSS長度單位。
.example { margin: 30deg 20em; /* deg與em都不是CSS長度單位 */ font-size: 12px; width: 50vw; height: 500px; }
上述代碼中,margin屬性的值為30deg 20em,不過度想,我們很容易發現,既不是角度,也不是長度。其實,在CSS中可以用deg單位來定義旋轉角度,而em單位是相對于當前字體的大小來計算的單位。所以,從本質上來說,這兩個都不是CSS長度單位。
相比之下,font-size、width和height屬性中的12px、50vw和500px都是CSS長度單位。其中px是像素,vw是相對于視口寬度的百分比,而px是相對于視口高度的百分比。
總結起來,CSS長度單位僅僅包括諸如px、em、rem、pt等等,而不包括一些特殊的單位。在編寫CSS樣式表時,我們應該注意選擇恰當的單位,而且避免將不屬于CSS長度單位的單位誤用在某些屬性中。