在网站建设中，color有很多用法，其中最基本的是替换HTML 3.2的BODY属性TEXT、LINK、ALINK和VLINK。利用锚伪类，color完全可以替换这些BODY属性。下例中的第一行可以用后面的网站建设代码重写，其结果如图9-3所示：
<body text="black" link="#808080" alink="silver" vlink="#333333">
body {color:black;}/*replacement css*/
a:link {color:#808080;}
a:active {color:silver;}
a:visited {color:#333333;}
尽管这看上去好像要键入很多额外的代码，不过网建人员考虑两个问题。首先，与使用BODY属性的老办法相比，这是一个重大改进，使用老办法只能在文档级进行修改。那时，如果网建人员希望某些链接是中灰色，而另外一些是很深的深灰色，利用BODY属性是办不到的。相反，必须在每个需要是深灰色的锚上使用<FONT C0L0R="#666666">。但网页设计不同，只需为所有灰色的锚增加一个类，再相应地修改样式：
body {color:black;}
a:link {color:#808080;} /*medium gray*/
a.extemal:link {color:silver;}
a:active {color:silver;}
a:visited {color:#333;} /*a very dark gray*/
这会把class为external的所有锚设置为银色而不是中灰色，一旦被访问过，这些链接在网站中将是深灰色，除非对此再增加一个特殊规则：
body {color:black;}
a:link {color:#808080;} /*medium gray*/
a.external:link {color:#666;}
a:active {color:silver;}
a:visited {color:#333;} /*a very dark gray*/
a.external:visited {color:black;}
这样一来，在访问之前，所有external链接是中灰色，在访问后将变成黑色，而所有其他链接访问后为暗灰色，未访问时为中灰色。这样子的网站建设效果才是来访者所需要的。
当前文章标题：网页设计中的前景色替换属性
当前URL：http://www.lyjtt.cn/news/wzzz/replacement-properties.html
上一篇：网页设计中的前景色
下一篇：网页设计中的前景色影响边框
