[Back To Basic] CSS Units

數值&單位

• 數值和單位之間不能有空白

e.g. 18px

• 數值為0的話，單位可以省略
• 有一些 CSS 屬性，數值可以為負值

長度單位有二種類型

• 絕對長度

適合用於已經知道要輸出的媒介，例: 印表機的輸出版面配置

絕對長度單位:

• cm: 公分
• mm: 毫米
• in: 英吋
• px: 像素
• pt: 點
• pc: 派卡

• 相對長度

在不同裝置中，有更好的延展性

相對長度單位:

• em: 相對於字體大小
• ex: 相對於字體高度
• ch: 相對於"0"的寬度
• rem: 相對於根元素的字體大小
• vw: 相對於viewport寬度的1%
• vh: 相對於viewport高度的1%
• vmin: 相對於viewport較小的維度
• vmax: 相對於viewport較大的維度
• %: 相對於父元素

*.Viewport 就是瀏覽器window的大小