文章出處
文章列表
前面的話
顏色的出現讓網頁不再只是黑白，運用好顏色設計，能讓網頁增色不少。一個網頁給人們留下的第一印象實際上就是它的整體顏色。關于如何設置顏色，請移步CSS的6種顏色模式。實際上，顏色的應用主要分為前景色、背景色和透明三個部分。本文主要介紹前景色和透明度。
color
color前景色
值: <color> | inherit
初始值: 用戶代理特定的值
應用于: 所有元素
繼承性: 有
【影響邊框】
一般來說，前景是元素的文本，不過前景還包括元素周圍的邊框。有兩種方式直接影響一個元素的前景色，可以使用color屬性，也可以使用屬性border-color設置邊框顏色
【繼承顏色】
color是可以繼承的，可以把文檔中的所有正常文本設置為某種顏色，如通過聲明body{color:red;}設置為紅色。這會把所有沒有其他樣式的文本變成紅色(如錨就不包含在內，錨有其自己的顏色樣式)。但瀏覽器對表單類元素有預定義的顏色，使body顏色無法繼承到表單類元素中
opacity
opacity是CSS3中專門用來設置透明度的一個屬性，opacity只能給整個元素設置一個透明度，并且其透明度直接會繼承給其后代元素
值: value | inherit
value:默認值是1，可以取0-1的任意浮點數。其中，1表示完全不透明，0表示完全透明
初始值: 1
應用于: 所有元素
繼承性: 無
【兼容性】
IE8-瀏覽器不支持opacity透明屬性，可以使用其專用的濾鏡來實現opacity透明屬性的透明效果
filter:alpha(opacity=透明值)，該透明值是0-100之間的任意整數
opacity: 0.8;
filter:alpha(opacity=80);
文章列表
全站熱搜
留言列表
