網頁設計中的繼承顏色

  • 2019-01-07 17:17:53
  • 閱讀次數:
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

由color的定義可知,這個屬性在網頁設計是可以繼承的。這是有道理的,因為如果聲明body {color:gray;},網頁設計人員可能希望該段落中的所有文本也應當是灰色,即便是強調文本、粗體文本等也不例外。當然,如果設計人員希望這些元素有不同的顏色,這也很容易,如圖9-7所示:

em {color:gray;}

p {color:black;}

圖9-7:為不同元素設置不同顏色

由于color是可以繼承的,理論上講,可以把一個文檔中的所有正常文本設置為某種顏色,如通過聲明body{color:red;}設置為紅色。這會把所有沒有其他樣式的文本變成紅色(如錨就不包含在內,錨有其自己的顏色樣式)。不過,還有一些瀏覽器對表之類的元素設置有預定義的顏色,這就使得body顏色無法繼承到表單元格中。在這種瀏覽器中,由于table元素的color值由瀏覽器定義,瀏覽器的值會比繼承的值更優(yōu)先。這一點很討厭,也沒有必要,不過好在網頁設計人員解決這個問題(往往)很容易,只需使用列出各表元素的選擇器。例如,要讓所有表內容與文檔體一樣都是紅色,可以用以下規(guī)則:

body,table,td,th{color:red;}

這一般都能解決網站建設中的問題。注意,對于大多數現代瀏覽器來說,都沒有必要使用這種選擇器,因為現代瀏覽器早已經修正了先前版本中存在的這種繼承bug。

當前文章標題:網頁設計中的繼承顏色

當前URL:http://51zuanshi.com.cn/news/wzzz/inherited-color.html

上一篇:網頁設計中的表單元素

下一篇:網頁設計中的背景色

網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)