网络编程
位置:首页>> 网络编程>> 网页设计>> W3C优质网页小贴士(二)(4)

W3C优质网页小贴士(二)(4)

作者:ZDYX 来源:zdyx.org 发布时间:2008-04-07 12:14:00 

标签:alt,标签,doctype,link,颜色

如果你指定了一种颜色,请指定所有的颜色

数量惊人的网站为其正文、标题和链接设置了各种各样的颜色,唯独忘记了设置背景颜色。因为你的访客可能在他们浏览器的偏好设置中指定了不同的颜色,他们有可能:

  • 看到不协调或令人不舒服的颜色搭配。

  • 更坏的情况是,如果访客浏览器的偏好设置是浅色字体配深色背景,而你的站点设置为深色字体配浅色背景,那么,访客可能会看不清楚网页上的文字,因为变成了深色文字在深色背景上,反之亦然。

避免这些问题的经验法则是:如果你指定了一种颜色,必须指定所有的颜色,包括背景色

推荐实例

忘掉 <font>,使用

使用级联样式表在网页中设置颜色的方法不仅是新式的,也是很好的。我们强烈推荐使用这种方法来取代在 HTML 中使用 <body> 属性和 <font> 元素的方法,因为 CSS 更灵活,更容易维护,而且能节省带宽。下面将讲述如何使用 CSS 属性 <color> 和 <background-color> 或其简写 <background> 来指定颜色。

一个例子

背景色、前景色,和链接的颜色都被指定为黑色字体白色背景。

html, body {
   background: #fff;
   color: #000;
}

a:link {
   background: #fff;
   color: #037;
}

a:visited {
   background: #fff;
   color: #636;
}

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com