CSS單位和顏色
阿新 • • 發佈：2018-11-12
CSS單位
尺寸
| 單位 | 描述 |
|---|---|
| % | 百分比 |
| in | 英寸 |
| cm | 釐米 |
| mm | 毫米 |
| em | 1em 等於當前的字型尺寸。 2em 等於當前字型尺寸的兩倍。 例如，如果某元素以 12pt 顯示，那麼 2em 是24pt。 在 CSS 中，em 是非常有用的單位，因為它可以自動適應使用者所使用的字型。 |
| ex | 一個 ex 是一個字型的 x-height。 (x-height 通常是字型尺寸的一半。) |
| pt | 磅 (1 pt 等於 1/72 英寸) |
| pc | 12 點活字 (1 pc 等於 12 點) |
| px | 畫素 (計算機螢幕上的一個點） |
顏色
| 單位 | 描述 |
|---|---|
| (顏色名) | 顏色名稱 (比如 red) |
| rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
| rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
| #rrggbb | 十六進位制數 (比如 #ff0000) |
CSS 顏色
顏色是通過對紅、綠和藍光的組合來顯示的。
顏色值
CSS 顏色使用組合了紅綠藍顏色值 (RGB) 的十六進位制 (hex) 表示法進行定義。對光源進行設定的最低值可以是 0（十六進位制 00）。最高值是 255（十六進位制 FF）。
十六進位制值使用三個雙位數來編寫，並以 # 符號開頭。
CSS 顏色
可以用以下方法來規定 CSS 中的顏色：
- 十六進位制色
- RGB 顏色
- RGBA 顏色
- HSL 顏色
- HSLA 顏色
- 預定義/跨瀏覽器顏色名
CSS 顏色名
所有瀏覽器都支援的顏色名。
HTML 和 CSS 顏色規範中定義了 147 中顏色名（17 種標準顏色加 130 種其他顏色）。