要设置网站建设中元素的前最色，最容易的办法是利用属性color。

color值：<color> | inherit

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

应用于：所有元素

继承性：有

计算值：根据指定确定

在第4章曾经讨论过，这个属性接受任何合法颜色类型的值，例如#FFCC00或rgb(100%,80%,0%)，也可以接受第13章将介绍的系统颜色关键字。

对于非替换元素，color设置了元素中文本的颜色：

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

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

注意：在图9-1中，默认前景色为黑色。并不总是如此，因为用户可能让其浏览器（或其他用户代理）使用另外一种前景（文本）颜色。如果默认文本设置为绿色，上例中的第二段将是绿色而不是黑色，但是第一段还是灰色。

当然，并不仅限于完成这种简单的操作。color有很多用法。例如，网页建设中可能有些段落中包含一些文本，提醒用户某个可能的问题，为了突出这些文本，可能决定将其设置为红色。

只需为包含警告文本的各个段落提供一个class值warn(<p class="warn">)，并设置以下规则：

p.warn{color:red;}

在同一个文档中，你可能认为警告段落中的未访问链接应当是绿色：

p.warn{color:red;}

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

然后你又改主意了，认为警告文本应当是暗灰色，这些文本中的链接应当是中灰色。只需修改前面的规则来反映这些新值，如图9-2所示：

p.warn {color:#666;}

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

color的另一个用法是让用户注意某类文本。例如，粗体文本已经很明显了，不过网页设计师可能想让它们有另一种颜色，使之更显突出——例如可以设置为紫红色：

b.strong{color:maroon;}

然后可能决定class为highlight的所有表单元格要包含淡黄色文本：

td.highlight{color:#FF9;}

当然，如果网站制作没有为任何文本设置背景色，可能会有风险，因为用户的设置与自己的设置可能不一致。例如，如果一个用户将其浏览器的背景色设置为灰黄色，如#FFC，那么前面的规则就会在灰黄色背景上生成淡黄色文本。因此，通常最好同时设置前景和背景色（本章后面将谈到背景色）。

警告：当心Navigator 4中的颜色使用，它会替换掉它不认识的color值。这种替换并不完全是随机的，不过这确实不太好。例如，invalidValue会变成深蓝色，inherit（这是一个合法的CSS2值）则会变成一种很难看的黄绿色。在另外一些情况下，transparent背景会变成黑色。