The 如果你指定了一種顏色,請指定所有的顏色 - 優質網頁小貼士

幾點說明

中文翻譯版可能包含錯誤,應以 W3C 官方網站的英文原版為准

上方導航欄中可以查看每個小貼士的英文原版及繁體中文版

版權資訊在頁面最下方

如果你指定了一種顏色,請指定所有的顏色

數量驚人的網站為其正文、標題和鏈結設置了各種各樣的顏色,唯獨忘記了設置背景顏色。因為你的訪客可能在他們流覽器的偏好設置中指定了不同的顏色,他們有可能:

避免這些問題的經驗法則是:如果你指定了一種顏色,必須指定所有的顏色,包括背景色

推薦實例

忘掉 <font>,使用 CSS

使用級聯樣式表在網頁中設置顏色的方法不僅是新式的,也是很好的。我們強烈推薦使用這種方法來取代在 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;
}

延伸閱讀

Some of the advice here differs from ours.

關於“優質小貼士”

The W3C 優質小貼士 是為網頁開發者和設計者提供的一些有用的小短文,由 W3C 的 Quality Assurance Interest Group 負責管理和輯寫。中文版由 ZDYX(張杜一雄)維護。

雖然這些小貼士都被小組成員認真審查過,但這只是我們向你提供的點滴技巧。請注意,它們 不能 被認為是 W3C 的技術規範。

學習更多的技巧,瞭解怎樣提交你自己的智慧點滴,以及閱讀其他的優質小貼士,盡在 小貼士索引

Created Date: 2003-07-30 by Olivier Thereaux and Susan Lesch
Last modified $Date: 2006/11/24 01:20:24 $ Translated by ZDYX