html，css中的色彩使用總結

可以先學習Gxl網相關的免費課程

1. 學習《html/css快速入門》中的 顏色和分類 章節課程

2. 觀看 《黑馬程序員html視頻教程》 中 顏色的代碼 視頻教程

html，css中的色彩使用

1. html各種常見色彩的編號數值(收藏)

在HTML中，一種顏色可以通過色名、RGB值、或HEX值表示。RGB rgb（red,green,blue）三變量為三原色的濃度（0~255） 例如，rgb(255,0,0) 紅 rgb（0,0,0）黑 rgb（255,255,255）白 HEX hexadecimal代表十六進制數 十進制：0~255 轉換十六進制：00~FF

2. HTML5邊玩邊學（四）-變幻的色彩

在HTML5邊玩邊學（二）-基礎繪圖中，我們提到過有兩個上下文屬性可以用來設置顏色：

strokeStyle 決定了你當前要繪制的線條的顏色

fillStyle 決定了你當前要填充的區域的顏色

顏色值只要是符合CSS3 顏色值標準的有效字符串都可以。

3. 詳解CSS3 RGBA色彩模式使用實例代碼

RGBA色彩模式是RGB色彩模式的擴展，在紅，藍，綠三原色的基礎上增加了不透明度參數。語法如下：rgba（r,g,b,<opaciy>）

其中r,g,b表示紅色，藍色，綠色三種原色所占的比重。其值可以使整數或者百分數，正整數值的取值范圍為0~255，百分數值的取值范圍為0.0%~100.0%,超出范圍的數值將被截止其最接近的取值極限。注意，并非所有的瀏覽器都支持使用百分數值。第四個參數<opacity>表示不透明度，取值在0到1之間。

4. css漸變色彩 省略標記 嵌入字體 文本陰影的詳細介紹

CSS3 Gradient 分為線性漸變(linear)和徑向漸變(radial)。由于不同的渲染引擎實現漸變的語法不同，這里我們只針對線性漸變的 W3C 標準語法來分析其用法，其余大家可以查閱相關資料。W3C 語法已經得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等瀏覽器的支持。

5. 高品質的網頁設計: 實例與技巧之六（發揮色彩的全部潛能）

Summertime in Tennessee(田納西州夏日觀光) 是一個充滿活力的、明亮的，非常溫暖的站點。所有一切看起來都是為了推送夏日活動而設計。該站點使用了非常多不同色相的高飽和度色，但每一種顏色都切中要害，沒有一種是不適合主題的。高品質設計的色彩搭配必定與其要呈現的服務或產品密切關聯。好的設計并不總是需要費盡心力選一些出奇制勝的顏色，那些最明顯最該用的顏色反而能創造更好的效果。比如說 Hell Design(地獄設計)，不用象征地獄的火紅色簡直說不過去。

6. CSS3教程(3):border-color網頁邊框色彩

使用CSS3的border-radius屬性，如果你設置了border的寬度是X px，那么你就可以在這個border上使用X種顏色，每種顏色顯示1px的寬度。如果說你的border的寬度是10個像素，但是只聲明了5或6中顏色，那么最后一個顏色將被添加到剩下的寬度。

相關問答

1. 瀏覽器中的opacity、rgba的效果和Android、iOS程序中使用的色彩透明的效果差別很大。

2. 為什么 CSS3 的 hsl 色彩模式很少被使用？

【相關推薦】

1. Gxl網免費視頻教程：《php.cn獨孤九賤（2）－css視頻教程》

2. Gxl網免費教程：《彈指間學會HTML+CSS》

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com