从本章开始,将会详细介绍CSS样式表的具体属性和属性值。首先从颜色和背景开始介绍,因为颜色和背景是一个网站在视觉和应用上成功的基础和先决条件,映入读者眼帘的第一感觉就是文档的前景和背景颜色。在HTML中,已经有一些元素或属性能够对颜色和背景进行调整,例如bgcolor、background属性等,但是,这些工具远远不能满足日新月异的网站设计要求。许多网站设计者需要更为强大的页面颜色调节工具和背景调整工具。而CSS的出现彻底满足了设计者的要求,它不仅能够用更为强大的手段定义各种颜色,还能自定义背景的重复方式和粘连方式,甚至对背景图片的显示位置进行自定义。本章就详细介绍这些属性的使用方法。
4.1 文本前景色设置color
前景颜色(color)属性所定义的部分通常是指页面文本,也就是文字的颜色。
属性值:颜色值 | 继承值
初始值:视浏览器而定
作用于:所有元素
是否继承:是
百分比值:不适用
计算值:指定的计算值
示例4.1演示了对文本设置橙色的方法。
示例4.1
<html>
<head>
<title>CSS Demo</title>
<style>
h2 { color: orange; }
h4 { color: #FF8000; }
p { color: rgb(255,128,0); }
</style>
</head>
<body>
<h2>这是橙色的2级标题</h2>
<h4>这是橙色的4级标题</h4>
<p>这是橙色的文本。以上三种方法都可以定义橙色文本,它们分别使用了关键字定义法、十六进制定义法和rgb定义法。具体的颜色值定义详见第2章有关颜色属性值的介绍。</p>
</body>
</html>
以上3种方法都可以定义橙色文本,效果如图4.1所示,它们分别使用了关键字定义法、十六进制定义法和RGB定义法。具体的颜色值定义详见第2章有关颜色属性值的介绍。

图4.1 使用color属性定义颜色
在Dreamweaver 8中,定义文本颜色的方法如图4.2所示。

图4.2 在Dreamweaver 8中定义文本颜色的方法
一篇文本的颜色初始值是由系统浏览器决定的。在没有进行其他样式表定义之前,IE默认的文本颜色为黑色,背景色为白色。






