CSS 單位是網頁設計中必不可少的一部分,它允許開發者按照不同的描述來調整頁面元素的尺寸和位置。下面是一份 CSS 單位名單,你需要了解它們的含義和應用。
px:像素(Pixel),是Web應用最常用的單位,它表示頁面上的一個點。 em:相對于父元素的字體大小,1em 表示當前元素字體大小,2em 表示其兩倍。 rem:相對于根元素(即 html 元素)的字體大小。 %:相對于父元素的百分比。如果該元素的父元素的寬度是200px, 則 width:50% 等同于 width:100px。 vw:視窗(Viewport Width)單位,相對于視窗寬度的百分比。 vh:視窗(Viewport Height)單位,相對于視窗高度。 vmax:相對于視窗寬度和高度中更大的值。 vmin:相對于視窗寬度和高度中更小的值。 ex:相對于字體 X 的高度。 ch:相對于數字 0 的寬度。 cm:厘米。 mm:毫米。 in:英寸。 pt:磅(Point),1pt=1/72in。 pc:Pica,1pc=12pt=1/6in。
上述說明只是對各種 CSS 單位的簡單介紹,實際應用中可能涉及更加復雜的場景。開發者需要了解各種場景下的具體使用方法,才能更好地應用這些單位。