網(wǎng)頁設(shè)計中的系統(tǒng)顏色

  • 2019-06-05 15:00:43
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

系統(tǒng)顏色

警告:在本文中,CSS3顏色模塊的工作草案廢棄了系統(tǒng)顏色關(guān)鍵字,而增加了新的屬性appearance。類似地,CSS2.1預期到CSS3中的這些修改,也廢棄了這些關(guān)鍵字,強烈建議創(chuàng)作人員在網(wǎng)站建設(shè)時不要使用系統(tǒng)顏色,因為在CSS的將來版本中它們很可能不再出現(xiàn)。之所以要強調(diào)這一點,原因是當前可用的一些瀏覽器確實支持系統(tǒng)顏色。

如果在設(shè)計網(wǎng)頁時你想重用用戶操作系統(tǒng)中指定的顏色,CSS2為此定義了一系列系統(tǒng)顏色關(guān)鍵字。只要能用<color>值的環(huán)境,就可以使用這些值。例如,可以通過以下聲明讓一個元素的背景與用戶的桌面顏色一致:

div#test {background-color: Background;}

因此,可以如下為文檔指定系統(tǒng)的默認文本顏色和背景顏色:

body (color: WindowText; background: Window;}

通過這種定制,更有可能讓用戶很好地閱讀文檔,因為用戶應該已經(jīng)適當?shù)嘏渲昧瞬僮飨到y(tǒng)以支持這些顏色(如果沒有,那是他活該?。?。

總共有28個系統(tǒng)顏色關(guān)鍵字,不過CSS沒有明確地定義這些關(guān)鍵字。相反,對各個關(guān)鍵字的含義只有一些概括(而且非常簡短)的描述。下表描述了所有這28個關(guān)鍵字。如果Windows 2000顯示控制面板的“外觀”頁中有選項與之對應,將在以下描述中補充說明。

ActiveBorder

這種顏色應用于活動窗口的外邊框(“活動窗口邊框”中的第一個顏色)。

ActiveCaption

當前活動窗口標題的背景色(“活動標題欄”中的第一個顏色)。

AppWorkspace

支持多個文檔的應用中使用的背景色,例如Microsoft Word中打開文檔“后面”的背景色(“應用背景”中的第一個顏色)。

Background

桌面的背景色(“桌面”中的第一個顏色)。

ButtonFace

三維按鈕“面”上使用的顏色。

ButtonHighlight

三維顯示元素背離虛擬光源的邊沿上的亮色。因此,如果虛擬光源位于左上角,這就是顯示元素右邊界和下邊界上使用的亮色。

ButtonShadow

三維顯示元素的陰影色。

ButtonText

“按下”按鈕上文本的顏色(“3D對象”中的字體顏色)。

CaptionText

標題。大小框中的文本以及滾動箭頭框中符號的顏色(“活動標題欄”中的字體顏色)。

GrayText

置灰(禁用)文本。如果當前顯示驅(qū)動程序不支持純灰色,這個關(guān)鍵字解釋為#000。 Highlight控件中選中項的顏色(“選中項”中的第一個顏色)。

HighlightText

控件中選中項的文本顏色(“選中項”中的字體顏色)。

InactiveBorder

應用于不活動窗口的外邊框的顏色(“不活動窗口邊框”中的第一個顏色)。

InactiveCaption

不活動窗口的標題的背景色(“不活動標題欄”的第一個顏色)。

Inact iveCapti onText

不活動標題中的文本顏色(“不活動標題欄”的字體顏色)。

InfoBackground

工具提示中的背景色(“工具提示”中的第一個顏色)。

InfoText

工具提示中的文本顏色(“工具提示”中的字體顏色)。

Menu

菜單背景的顏色(“菜單”中的第一個顏色)。

MenuText

菜單中的文本顏色(“菜單”中的字體顏色)。

Scrollbar

滾動條的“灰色區(qū)域”。

ThreeDDarkShadow

與三維顯示元素的深陰影顏色相同。

ThreeDFace

與三維顯示元素的表面顏色相同。

ThreeDHighlight

三維顯示元素上的亮色。

ThreeDLightShadow

三維顯示元素上的淺色(面向光源邊沿上的顏色)。

ThreeDShadow

三維顯示元素上的深陰影。

Window

窗口的背景的顏色(“窗口”中的第一個顏色)。

WindowFrame

應用于窗口的框架的顏色。

WindowText

窗口中的文本顏色(“窗口”中的字體顏色)。

CSS2將系統(tǒng)顏色關(guān)鍵字定義為不區(qū)分大小寫,不過建議在網(wǎng)頁設(shè)計時還是使用上表所示的混合大小寫寫法,這樣顏色名更可讀??梢钥吹?,ThreeDLightShadow乍看上去就比threed- light shadow更容易理解。

系統(tǒng)顏色關(guān)鍵字本質(zhì)上是含糊的,這有一個明顯的缺點,不同的用戶代理可能以不同的方式解釋這些關(guān)鍵字,即使這些用戶代理在同一個操作系統(tǒng)上運行。因此,在使用這些關(guān)鍵字設(shè)計網(wǎng)頁時,不要指望肯定會有一致的結(jié)果。例如,要避免這樣的文字:“査找顏色與桌面顏色一致的文本。”因為用戶可能在默認桌面顏色之上放了一個桌面圖像(或“墻紙”)。


當前文章標題:網(wǎng)頁設(shè)計中的系統(tǒng)顏色

當前URL:http://51zuanshi.com.cn/news/wzzz/3039.html

上一篇:網(wǎng)頁設(shè)計中的系統(tǒng)字體和顏色

下一篇:網(wǎng)頁設(shè)計時的指示和選擇光標

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)