理解CSS前景色和透明度 -开发者知识库

理解CSS前景色和透明度 -开发者知识库,第1张

前面的話

  顏色的出現讓網頁不再只是黑白,運用好顏色設計,能讓網頁增色不少。一個網頁給人們留下的第一印象實際上就是它的整體顏色。關於如何設置顏色,請移步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);

最佳答案:

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
U19学习网站 » 理解CSS前景色和透明度 -开发者知识库