網(wǎng)頁設(shè)計(jì)中的前景色替換屬性

  • 2018-12-28 09:36:12
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

網(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)站中將是深灰色,除非對(duì)此再增加一個(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.supportcoffeeroasters.com/news/wzzz/replacement-properties.html

上一篇:網(wǎng)頁設(shè)計(jì)中的前景色

下一篇:網(wǎng)頁設(shè)計(jì)中的前景色影響邊框

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))