CSS基礎教學(2)--長度單位

CSS 中有一些屬性會需要用到長度單位, 例如寬度、高度等, 這裡就先來說明一下 CSS 所支援的長度單位

相對性的長度
em：這個單位是指相對於在 font-size 屬性(註1)中所設定的大小, 若是將此單位用在 font-size 屬性中, 則是代表相對於上層標籤中 font-size 屬性的大小
ex：這個單位是指相對於小寫 "x" 的高度
px：也就是像素(Pixels), 這個單位的長度跟輸出的硬體設備的 DPI 數(dots per inch)有關, 在電腦螢幕上, 一般都是指一個亮點的大小
%：即百分比, 也就是相對於某個長度的百分比, 至於相對於什麼, 跟用在什麼屬性有關

註1：font-size屬性是用來設定文字的大小, 在後續的文章中會再詳細說明

絕對性的長度
in：也就是英吋(Inches , 1 英吋 = 2.54 公分)
cm：即公分
mm：公厘(毫米)
pt：Points (1 point = 1/72 inches)
pc：Picas (1 pica = 12 points)

雖然這裡寫絕對長度, 但設 10 cm 並不代表在螢幕上看到的就是 10 cm, 這跟螢幕大小及解析度有關, 我想這類長度應該是指印刷出來時的長度才會符合我們所設的長度, 不過這裡的"絕對"的意思, 只是說這幾個長度單位不像前面幾個相對長度單位一樣是相對於某個什麼長度而來的

--gs--
{CSS基礎教學}{CSS 長度單位}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。