CSS顏色 基本樣式

2021-10-13 01:45:16 字數 1126 閱讀 4746

1.指定顏色的幾種方式

顏色名稱 //(預定義/跨瀏覽器的顏色名稱)

rgb //即是代表紅、綠、藍,以這三種顏色拼出的

rgba //前面三位 rgb 和上面一樣,最後一位代表了透明度,這裡是 0.5 的透明度

十六進製制

hsl色彩

hsla顏色

hsl色彩       

ie9, firefox, chrome, safari,和opera 10+.支援hsl顏色值。

hsl代表色相,飽和度和亮度 - 使用色彩圓柱座標表示。

hsl顏色值指定:hsl(色調,飽和度,明度)。

色相是在色輪上的程度(從0到360)-0(或360)是紅色的,120是綠色的,240是藍色的。

飽和度是乙個百分比值;0%意味著灰色和100%的陰影,是全彩。

亮度也是乙個百分點;0%是黑色的,100%是白色的。

hsla顏色    ie9, firefox3+, chrome, safari,和opera10+.支援.

hsla的顏色值是乙個帶有alpha通道的hsl顏色值的延伸 - 指定物件的透明度。

指定hsla顏色值:hsla(色調,飽和度,亮度,α)

α是alpha引數定義的不透明度。

alpha引數是乙個介於0.0(完全透明)和1.0(完全不透明)之間的引數。

預定義/跨瀏覽器的顏色名稱    147顏色名稱定義在html和css的顏色規格(17個標準色加上130多個其他)。下表列出了所有這些,連同其十六進製制值。

2.color 規定文字的顏色

color

3.opacity 設定元素顏色的透明度,它會進行繼承。

如果只是讓背景有透明度,而不想讓它裡面的其它元素進行繼承,可使用 background:rgba();或者background-color:rgba();

所有主流瀏覽器都支援opacity屬性。.**注意:**ie8和早期版本支援另一種過濾器屬性。像:filter:alpha(opacity=50)

opacity:0; 隱藏乙個元素,完全不顯示,但是會佔空間,只是看不到。

opacity:1; 顯示乙個元素。

注意: 如果頁面中想將背景變為透明,而裡面的內容不受影響,最好使用rgba,因為opacity會繼承到內容中去。

CSS樣式 顏色和尺寸

color background color rgb 0,255,0 background color rgba 0,255,0,0.5 background color hsl 240,50 50 background color hsla 240,100 50 0.5 background co...

CSS 基本樣式

css 樣式 style 顏色相關樣式 backgroud color 寫法類似於color backgroud image url 位址 backgroud repeat repeat no repeat repeat x repeat ymargin 外間距 border 邊框 padding ...

CSS基本樣式

標籤選擇器 類選擇器 id選擇器 id具有唯一性 優先順序 id 類 id 字型型別 font family 字型大小 font size 字型風格 font style italic 斜體 字型粗細 font weight 定義粗體字元,範圍是100 900 文字顏色 color 水平對齊方式 t...