CSS3中Color的一些特性介紹

2024-07-11 08:48:12

字體：大中小

來源：轉載

供稿：網友

1.CSS 簡介
CSS（Cascading Style Sheets），我們都不陌生吧。特別是我們在開發web項目的時候，用的更是不亦樂乎。

可是，你知道嗎？CSS（注意也就是CSS1）是在1996年的時候產生的標準，也就是到現在時隔（2012-1996）差不多15年的歷史。畢竟時間在一直的走嘛，現在CSS3也在使用中，不過需要注意的是，CSS3并非是W3C的一個標準，它現在依舊是草案（Working Draft）狀態，而不是最終的穩定版---W3C推薦。

據目前所知，CSS3已經增加了40多種模塊（Module），既然還是草案，所以以后就還有增加的可能。所以，用我們的祈禱吧，希望CSS3趕快成為標準。那個時候我們程序員才是解放的時候。

在這篇文章中，我們會討論一下CSS3中新增的40多個模塊中的一個模塊----Color模塊。Color模塊，比其他的模塊更加的穩定。事實上，在2011年6月的時候，它就已經成為了W3C的推薦了，也就是標準了。

這新的CSS3 Color特性包括在傳統的hex 和RGB 值中增加了HSL特性，也就是增加了Opacity（透明度）和Alpha channels。

2.HSL Colors
在我們傳統開發web網頁的時候，我們在使用下面的關鍵字來進行對HTML和CSS進行顏色的設定。

Color 關鍵字 (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow)
Hexadecimal（16進制）表示法
RGB (red，green，blue)表示法

比如，如下實例：

復制代碼

上一篇：W3標準不變清除浮動實現代碼

下一篇：CSS小技巧:為不同類型的文件設置不同的鏈接樣式