还记得你第一次改变Web页面的颜色是什么时候吗？以前总是灰色背景上的黑色文本，其间有一些蓝色的链接，突然之间，你可以按自己的意愿使用任何颜色组合，可以是黑色背景上的淡蓝色文本，而超链接是浅绿色的。这只是朝着有色文本前进的一个小进步（最终目标是页面上的文本有多种颜色），这要归功于<FONT COLOR="…">。一旦还能增加背景图像，那么一切皆有可能，或者起码看上去是这样，网站建设在颜色和背景方面则走得更远，它允许向一个页面应用多种不同的颜色和背景，而且根本不需要任何FONT或TABLE标记。
网站设计师在设计页面时，要在开始前先做好计划。不论什么情况下通常都是如此，不过对于颜色，这一点更为重要。如果设计师要让所有超链接都是黄色，它们会与文档中某些部分的背景色冲突吗？如果使用了太多的颜色，会不会让用户无所适从？（提示：确实如此）。如果改变了默认的超链接颜色，用户还能找出链接在哪里吗？（例如，如果让常规文本和超链接文本颜色相同。要找出链接就会困难得多，实际上，如果链接没有加下划线，则几乎不可能识别出超链接。）
尽管需要先做一些规划，不过修改元素颜色的功能还是让人趋之若骛，这几乎是每一位网站建设创作人员都想使用的功能，而且也确实相当常用。如果使用得当，颜色确实能强化文档的表示。例如，假设你有一个设计，其中所有h1元素都是绿色，大多数h2元素是蓝色，所有超链接都应当是暗红色。不过，在某些情况下你希望h2元素是深蓝色，因为与之关联有不同类型的信息。要处理这种情况，最容易的办法是为应当为深蓝色的各个h2指定一个class，然后作以下声明：
h1 {color:green;}
h2 {color:blue;}
h2.dkblue {color:navy;}
a {color:maroon;}/*a good dark red color*/
注意：选择的类名最好描述其中包含的信息类型，而不是你想要达到什么视觉效果。例如，假设你希望对所有作为下级标题的h2元素应用深蓝色。更可取的做法是选择subsec甚至sub-section作为类名，这就能反映某种含义，而且更重要的是，这不依赖于任何表示概念。毕竟，也许你以后会决定所有下级标题是深红色而不是深蓝色，如果是这样，写作h2.dkblue{color:maroon;}看上去就会有些傻。
从这个简单的例子可以看到，使用样式之前最好先做些规划，这样才能充分合理地使用所有工具。例如，假设向前例中的页面增加一个导航条。在这个导航条中，超链接应当是黄色而不是深红色。如果导航条标志为ID是navbar，则只需增加以下规则：
#navbar a{color:yellow;}
这会改变导航条中超链接的颜色，而不影响文档中的其他超链接。
网站建设中实际上只有一种颜色类型，即纯色。如果将一个文档的color设置为red，文本都将是红色。当然，HTML的做法也一样。使用HTML 3.2时，如果声明<BODY LINK="blue" VLlNK="blue">，那么所有超链接都将是蓝色，而不论它们放在文档中的哪个位置。
使用CSS时也是如此。如果使用CSS将所有超链接（包括已访问和未访问）的color都设置为blue，它们将全是蓝色。同样，如果使用样式设置body的背景为green，那么整个body的背景都是同样的绿色。
在网站建设中，可以为任何元素设置前景和背景色，从body到强调元素和超链接元素，再到几乎所有一切（列表项、整个列表、标题、表单元格，甚至从某种程度上图像也可以设置前景和背景色）。不过，要理解这是如何工作的，重要的是应当理解元素前景中有什么、没有什么。
先来讨论前景本身；一般来说，前景是元素的文本，不过前景还包括元素周围的边框。因此，有两种方式直接影响一个元素的前景色：可以使用color属性，也可以使用某个边框属性设置边框颜色，这在上一章讨论过。
当前文章标题：网页设计中的颜色
当前URL：http://www.lyjtt.cn/news/wzzz/design-color.html
上一篇：网页设计中的内边距和元素
下一篇：网页设计中的前景色
