首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 开源 FAQ 第二书店 博文视点 程序员
频道: 研发 数据库 中间件 信息化 视频 .NET Java 游戏 移动 服务: 人才 外包 培训
    图书品种:235680
       
热门搜索: ASP.NET Ajax Spring Hibernate Java

从本章开始,将会详细介绍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默认的文本颜色为黑色,背景色为白色。

查看所有评论(0)条】

最近评论



正在载入评论列表...
热点评论