長度 | p { font-size: 17 em; } | 相對單位,指的是相對於父元素的字體高度, 若父元素未設定字體高度, 也就是採用瀏覽器的預設值, 因多數瀏覽器預設的字體高度皆為 16px, 故 1em=16px、0.75em=12px |
p { font-size: 17 ex; } | 相對單位,指的是相對於父元素小寫字元的字體高度 | |
p { font-size: 17 rem; } | 相對單位,指的是相對於 <html> 根元素的字體高度 | |
p { font-size: 17 px; } | 相對單位,像素 (pixel) | |
p { font-size: 17 cm; } | 絕對單位,公分 | |
p { font-size: 17 mm; } | 絕對單位,毫米 | |
p { font-size: 17 pt; } | 絕對單位,點 (point) | |
百分比 | table { width: 170%; } | 讓作用效果隨視窗大小而改變 |
連結 | body { background-image: url(example.png); } | 語法為:url(相對位置/絕對位置); |
顏色 | p { color: red; } | 直接輸入顏色名稱 |
p { color: #FF6600; } | 設定其 RGB 值,格式為 #RRGGBB,三值皆為 16 進制 | |
p { color: #F60; } | 若 R、G、B 值的兩位數字皆同,可省略為 #RGB | |
p { rgba(255, 0, 0, 0.6); } | R、G、B 值的範圍是 [0, 255],A 表示不透明度,範圍是 [0, 1] |
本站多數內容寫於 2013 年,當時筆者仍是初學者,因此本站部分內容可能已經過時、有錯誤,或品質不合乎現代標準,敬請留意!(推薦您瀏覽英文版的 MDN Web Docs,品質高、內容豐富。)