在網(wǎng)站建設(shè)中,color有很多用法,其中最基本的是替換HTML 3.2的BODY屬性TEXT、LINK、ALINK和VLINK。利用錨偽類,color完全可以替換這些BODY屬性。下例中的第一行可以用后面的網(wǎng)站建設(shè)代碼重寫,其結(jié)果如圖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;}
盡管這看上去好像要鍵入很多額外的代碼,不過網(wǎng)建人員考慮兩個(gè)問題。首先,與使用BODY屬性的老辦法相比,這是一個(gè)重大改進(jìn),使用老辦法只能在文檔級(jí)進(jìn)行修改。那時(shí),如果網(wǎng)建人員希望某些鏈接是中灰色,而另外一些是很深的深灰色,利用BODY屬性是辦不到的。相反,必須在每個(gè)需要是深灰色的錨上使用<FONT C0L0R="#666666">。但網(wǎng)頁設(shè)計(jì)不同,只需為所有灰色的錨增加一個(gè)類,再相應(yīng)地修改樣式:
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*/
這會(huì)把class為external的所有錨設(shè)置為銀色而不是中灰色,一旦被訪問過,這些鏈接在網(wǎng)站中將是深灰色,除非對此再增加一個(gè)特殊規(guī)則:
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鏈接是中灰色,在訪問后將變成黑色,而所有其他鏈接訪問后為暗灰色,未訪問時(shí)為中灰色。這樣子的網(wǎng)站建設(shè)效果才是來訪者所需要的。
當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)中的前景色替換屬性
當(dāng)前URL:http://m.ww44088.com/news/wzzz/replacement-properties.html