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

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

網(wǎng)站建設(shè)中,color有很多用法,其中最基本的是替換HTML 3.2的BODY屬性TEXT、LINK、ALINK和VLINK。利用錨偽類,color完全可以替換這些BODY屬性。下例中的第一行可以用后面的網(wǎng)站建設(shè)代碼重寫(xiě),其結(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;}

盡管這看上去好像要鍵入很多額外的代碼,不過(guò)網(wǎng)建人員考慮兩個(gè)問(wèn)題。首先,與使用BODY屬性的老辦法相比,這是一個(gè)重大改進(jìn),使用老辦法只能在文檔級(jí)進(jìn)行修改。那時(shí),如果網(wǎng)建人員希望某些鏈接是中灰色,而另外一些是很深的深灰色,利用BODY屬性是辦不到的。相反,必須在每個(gè)需要是深灰色的錨上使用<FONT C0L0R="#666666">。但網(wǎng)頁(yè)設(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èn)過(guò),這些鏈接在網(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;}

這樣一來(lái),在訪問(wèn)之前,所有external鏈接是中灰色,在訪問(wèn)后將變成黑色,而所有其他鏈接訪問(wèn)后為暗灰色,未訪問(wèn)時(shí)為中灰色。這樣子的網(wǎng)站建設(shè)效果才是來(lái)訪者所需要的。

當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的前景色替換屬性

當(dāng)前URL:http://supportcoffeeroasters.com/news/wzzz/replacement-properties.html

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

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

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