要設(shè)置網(wǎng)站建設(shè)中元素的前最色，最容易的辦法是利用屬性color。

color值：<color> | inherit

初始值：用戶代理特定的值

應(yīng)用于：所有元素

繼承性：有

計(jì)算值：根據(jù)指定確定

在第4章曾經(jīng)討論過(guò)，這個(gè)屬性接受任何合法顏色類型的值，例如#FFCC00或rgb(100%,80%,0%)，也可以接受第13章將介紹的系統(tǒng)顏色關(guān)鍵字。

對(duì)于非替換元素，color設(shè)置了元素中文本的顏色：

<p style="color:gray;">This paragraph has a gray foreground.</p>

<p>This paragraph has the default foreground.</p>

注意：在圖9-1中，默認(rèn)前景色為黑色。并不總是如此，因?yàn)橛脩艨赡茏屍錇g覽器（或其他用戶代理）使用另外一種前景（文本）顏色。如果默認(rèn)文本設(shè)置為綠色，上例中的第二段將是綠色而不是黑色，但是第一段還是灰色。

當(dāng)然，并不僅限于完成這種簡(jiǎn)單的操作。color有很多用法。例如，網(wǎng)頁(yè)建設(shè)中可能有些段落中包含一些文本，提醒用戶某個(gè)可能的問(wèn)題，為了突出這些文本，可能決定將其設(shè)置為紅色。

只需為包含警告文本的各個(gè)段落提供一個(gè)class值warn(<p class="warn">)，并設(shè)置以下規(guī)則：

p.warn{color:red;}

在同一個(gè)文檔中，你可能認(rèn)為警告段落中的未訪問(wèn)鏈接應(yīng)當(dāng)是綠色：

p.warn{color:red;}

p.warn a:link{color:green;}

然后你又改主意了，認(rèn)為警告文本應(yīng)當(dāng)是暗灰色，這些文本中的鏈接應(yīng)當(dāng)是中灰色。只需修改前面的規(guī)則來(lái)反映這些新值，如圖9-2所示：

p.warn {color:#666;}

p.warn a:link {color:#AAA;}

color的另一個(gè)用法是讓用戶注意某類文本。例如，粗體文本已經(jīng)很明顯了，不過(guò)網(wǎng)頁(yè)設(shè)計(jì)師可能想讓它們有另一種顏色，使之更顯突出——例如可以設(shè)置為紫紅色：

b.strong{color:maroon;}

然后可能決定class為highlight的所有表單元格要包含淡黃色文本：

td.highlight{color:#FF9;}

當(dāng)然，如果網(wǎng)站制作沒(méi)有為任何文本設(shè)置背景色，可能會(huì)有風(fēng)險(xiǎn)，因?yàn)橛脩舻脑O(shè)置與自己的設(shè)置可能不一致。例如，如果一個(gè)用戶將其瀏覽器的背景色設(shè)置為灰黃色，如#FFC，那么前面的規(guī)則就會(huì)在灰黃色背景上生成淡黃色文本。因此，通常最好同時(shí)設(shè)置前景和背景色（本章后面將談到背景色）。

警告：當(dāng)心Navigator 4中的顏色使用，它會(huì)替換掉它不認(rèn)識(shí)的color值。這種替換并不完全是隨機(jī)的，不過(guò)這確實(shí)不太好。例如，invalidValue會(huì)變成深藍(lán)色，inherit（這是一個(gè)合法的CSS2值）則會(huì)變成一種很難看的黃綠色。在另外一些情況下，transparent背景會(huì)變成黑色。