顏色屬性無處不在。字型要用顏色，背景可以有顏色，粒子特效更是離不開顏色。本文參考了一些資料簡單總結下以備日後查閱。
css中顏色的定義方式：
十六進製制色
rgb & rgba
hsl & hsla
顏色名
個人最喜歡的一種顏色表達方式。
十六進製制顏色是這樣規定的：#rrggbb，其中的rr（紅色）、gg（綠色）、bb（藍色）十六進製制整數規定了顏色的成分。所有值必須介於 0 與 ff 之間。
生成隨機顏色：12
3functiongetrandomcolor()
猛戳css 顏色十六進製制值檢視具體顏色效果。
rgb 顏色值是這樣規定的：rgb(red, green, blue)。每個引數 (red、green 以及 blue) 定義顏色的強度，可以是介於 0 與 255 之間的整數，或者是百分比值（從 0% 到 100%）。
舉例說，rgb(0,0,255) 值顯示為藍色，這是因為 blue 引數被設定為最高值（255），而其他被設定為 0。
同樣地，下面的值定義了相同的顏色：rgb(0,0,255) 和 rgb(0%,0%,100%)。
rgba 顏色值是 rgb 顏色值的擴充套件，帶有乙個 alpha 通道，它規定了物件的不透明度。
rgba 顏色值是這樣規定的：rgba(red, green, blue, alpha)。alpha 引數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。
可以直觀感受下rgba： rgba顏色展示
如果看不到控制項效果，請用chrome開啟~
hsl 指的是 hue（色調）、saturation（飽和度）、lightness（亮度）- 表示顏色柱面座標表示法。
hsl 顏色值是這樣規定的：hsl(hue, saturation, lightness)。
hue 是色盤上的度數（從 0 到 360） - 0 (或 360) 是紅色，120 是綠色，240 是藍色。可以看下面這張圖感受下：
saturation 是百分比值；0%表示的是乙個灰度，不使用任何的色彩，而100%是全彩，表示充分使用乙個顏色。
lightness 同樣是百分比值；0% 是黑色，100%是白色。
可以直觀感受下hsl（看不到效果請用chrome）： hsl顏色展示
hsla 顏色值是 hsl 顏色值的擴充套件，帶有乙個 alpha 通道 - 它規定了物件的不透明度。
hsla 顏色值是這樣規定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 引數定義不透明度。alpha 引數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。
如果實際應用中我們需要讓顏色變亮一點或者變暗一點，hsl是個不錯的選擇，比如說a:hover時顏色變亮，改變第三個引數值即可。
利用hsl我們也能做一些動態的漸變效果，因為360顏色一迴圈。這個demo中的顏色就用了hsl（猛戳看demo）
就是white、black、red等等這樣的啦，其實還有更多，可以參考css 顏色名
顏色屬性無處不在。字型要用顏色，背景可以有顏色，粒子特效更是離不開顏色。本文參考了一些資料簡單總結下以備日後查閱。
css中顏色的定義方式：
十六進製制色
rgb & rgba
hsl & hsla
顏色名
個人最喜歡的一種顏色表達方式。
十六進製制顏色是這樣規定的：#rrggbb，其中的rr（紅色）、gg（綠色）、bb（藍色）十六進製制整數規定了顏色的成分。所有值必須介於 0 與 ff 之間。
生成隨機顏色：12
3functiongetrandomcolor()
猛戳css 顏色十六進製制值檢視具體顏色效果。
rgb 顏色值是這樣規定的：rgb(red, green, blue)。每個引數 (red、green 以及 blue) 定義顏色的強度，可以是介於 0 與 255 之間的整數，或者是百分比值（從 0% 到 100%）。
舉例說，rgb(0,0,255) 值顯示為藍色，這是因為 blue 引數被設定為最高值（255），而其他被設定為 0。
同樣地，下面的值定義了相同的顏色：rgb(0,0,255) 和 rgb(0%,0%,100%)。
rgba 顏色值是 rgb 顏色值的擴充套件，帶有乙個 alpha 通道，它規定了物件的不透明度。
rgba 顏色值是這樣規定的：rgba(red, green, blue, alpha)。alpha 引數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。
可以直觀感受下rgba： rgba顏色展示
如果看不到控制項效果，請用chrome開啟~
hsl 指的是 hue（色調）、saturation（飽和度）、lightness（亮度）- 表示顏色柱面座標表示法。
hsl 顏色值是這樣規定的：hsl(hue, saturation, lightness)。
hue 是色盤上的度數（從 0 到 360） - 0 (或 360) 是紅色，120 是綠色，240 是藍色。可以看下面這張圖感受下：
saturation 是百分比值；0%表示的是乙個灰度，不使用任何的色彩，而100%是全彩，表示充分使用乙個顏色。
lightness 同樣是百分比值；0% 是黑色，100%是白色。
可以直觀感受下hsl（看不到效果請用chrome）： hsl顏色展示
hsla 顏色值是 hsl 顏色值的擴充套件，帶有乙個 alpha 通道 - 它規定了物件的不透明度。
hsla 顏色值是這樣規定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 引數定義不透明度。alpha 引數是介於 0.0（完全透明）與 1.0（完全不透明）的數字。
如果實際應用中我們需要讓顏色變亮一點或者變暗一點，hsl是個不錯的選擇，比如說a:hover時顏色變亮，改變第三個引數值即可。
利用hsl我們也能做一些動態的漸變效果，因為360顏色一迴圈。這個demo中的顏色就用了hsl（猛戳看demo）
就是white、black、red等等這樣的啦，其實還有更多，可以參考css 顏色名
熟悉css css3顏色屬性
原文 熟悉css css3顏色屬性 顏色屬性無處不在。字型要用顏色，背景可以有顏色，粒子特效更是離不開顏色。本文參考了一些資料簡單總結下以備日後查閱。css中顏色的定義方式 十六進製制色 rgb rgba hsl hsla 顏色名 個人最喜歡的一種顏色表達方式。十六進製制顏色是這樣規定的 rrggb...
熟悉css css3顏色屬性
顏色屬性無處不在。字型要用顏色，背景可以有顏色，粒子特效更是離不開顏色。本文參考了一些資料簡單總結下以備日後查閱。css中顏色的定義方式 十六進製制色 rgb rgba hsl hsla 顏色名 個人最喜歡的一種顏色表達方式。十六進製制顏色是這樣規定的 rrggbb，其中的rr 紅色 gg 綠色 b...
css css3總結（二）屬性
所有主流瀏覽器都支援 overflow 屬性。注釋 任何的版本的 internet explorer 包括 ie8 都不支援屬性值 inherit overflow 屬性規定當內容溢位元素框時發生的事情。這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，使用者 都會提...