網(wǎng)頁(yè)設計中的繼承顏色

  • 2019-01-07 17:17:53
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

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

em {color:gray;}

p {color:black;}

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

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

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

這一般都能解決網(wǎng)站建設中的問(wèn)題。注意,對于大多數現代瀏覽器來(lái)說(shuō),都沒(méi)有必要使用這種選擇器,因為現代瀏覽器早已經(jīng)修正了先前版本中存在的這種繼承bug。

當前文章標題:網(wǎng)頁(yè)設計中的繼承顏色

當前URL:http://amzcoolest.com/news/wzzz/inherited-color.html

上一篇:網(wǎng)頁(yè)設計中的表單元素

下一篇:網(wǎng)頁(yè)設計中的背景色

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看