1. 程式人生 > >css單位

css單位

gree red clas 得到 -c href chrome 參數 class

尺寸

單位描述
% 百分比
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)

RGBA 顏色

RGBA 顏色值得到以下瀏覽器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。

RGBA 顏色值是 RGB 顏色值的擴展,帶有一個 alpha 通道 - 它規定了對象的不透明度。

RGBA 顏色值是這樣規定的:rgba(red, green, blue, alpha)。alpha 參數是介於 0.0(完全透明)與 1.0(完全不透明)的數字。

實例

p
{
background-color:rgba(255,0,0,0.5);
}
著重使用rgba
顏色的網址

css單位