网页设计中的继承颜色

  • 2019-01-07 17:17:53
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

由color的定义可知,这个属性在网页设计是可以继承的。这是有道理的,因为如果声明body {color:gray;},网页设计人员可能希望该段落中的所有文本也应当是灰色,即便是强调文本、粗体文本等也不例外。当然,如果设计人员希望这些元素有不同的颜色,这也很容易,如图9-7所示:

em {color:gray;}

p {color:black;}

图9-7:为不同元素设置不同颜色

由于color是可以继承的,理论上讲,可以把一个文档中的所有正常文本设置为某种颜色,如通过声明body{color:red;}设置为红色。这会把所有没有其他样式的文本变成红色(如锚就不包含在内,锚有其自己的颜色样式)。不过,还有一些浏览器对表之类的元素设置有预定义的颜色,这就使得body颜色无法继承到表单元格中。在这种浏览器中,由于table元素的color值由浏览器定义,浏览器的值会比继承的值更优先。这一点很讨厌,也没有必要,不过好在网页设计人员解决这个问题(往往)很容易,只需使用列出各表元素的选择器。例如,要让所有表内容与文档体一样都是红色,可以用以下规则:

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

这一般都能解决网站建设中的问题。注意,对于大多数现代浏览器来说,都没有必要使用这种选择器,因为现代浏览器早已经修正了先前版本中存在的这种继承bug。

当前文章标题:网页设计中的继承颜色

当前URL:http://www.lyjtt.cn/news/wzzz/inherited-color.html

上一篇:网页设计中的表单元素

下一篇:网页设计中的背景色

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)