系統(tǒng)顏色
警告:在本文中,CSS3顏色模塊的工作草案廢棄了系統(tǒng)顏色關(guān)鍵字,而增加了新的屬性appearance。類似地,CSS2.1預(yù)期到CSS3中的這些修改,也廢棄了這些關(guān)鍵字,強(qiáng)烈建議創(chuàng)作人員在網(wǎng)站建設(shè)時(shí)不要使用系統(tǒng)顏色,因?yàn)樵贑SS的將來(lái)版本中它們很可能不再出現(xiàn)。之所以要強(qiáng)調(diào)這一點(diǎn),原因是當(dāng)前可用的一些瀏覽器確實(shí)支持系統(tǒng)顏色。
如果在設(shè)計(jì)網(wǎng)頁(yè)時(shí)你想重用用戶操作系統(tǒng)中指定的顏色,CSS2為此定義了一系列系統(tǒng)顏色關(guān)鍵字。只要能用<color>值的環(huán)境,就可以使用這些值。例如,可以通過(guò)以下聲明讓一個(gè)元素的背景與用戶的桌面顏色一致:
div#test {background-color: Background;}
因此,可以如下為文檔指定系統(tǒng)的默認(rèn)文本顏色和背景顏色:
body (color: WindowText; background: Window;}
通過(guò)這種定制,更有可能讓用戶很好地閱讀文檔,因?yàn)橛脩魬?yīng)該已經(jīng)適當(dāng)?shù)嘏渲昧瞬僮飨到y(tǒng)以支持這些顏色(如果沒有,那是他活該!)。
總共有28個(gè)系統(tǒng)顏色關(guān)鍵字,不過(guò)CSS沒有明確地定義這些關(guān)鍵字。相反,對(duì)各個(gè)關(guān)鍵字的含義只有一些概括(而且非常簡(jiǎn)短)的描述。下表描述了所有這28個(gè)關(guān)鍵字。如果Windows 2000顯示控制面板的“外觀”頁(yè)中有選項(xiàng)與之對(duì)應(yīng),將在以下描述中補(bǔ)充說(shuō)明。
ActiveBorder
這種顏色應(yīng)用于活動(dòng)窗口的外邊框(“活動(dòng)窗口邊框”中的第一個(gè)顏色)。
ActiveCaption
當(dāng)前活動(dòng)窗口標(biāo)題的背景色(“活動(dòng)標(biāo)題欄”中的第一個(gè)顏色)。
AppWorkspace
支持多個(gè)文檔的應(yīng)用中使用的背景色,例如Microsoft Word中打開文檔“后面”的背景色(“應(yīng)用背景”中的第一個(gè)顏色)。
Background
桌面的背景色(“桌面”中的第一個(gè)顏色)。
ButtonFace
三維按鈕“面”上使用的顏色。
ButtonHighlight
三維顯示元素背離虛擬光源的邊沿上的亮色。因此,如果虛擬光源位于左上角,這就是顯示元素右邊界和下邊界上使用的亮色。
ButtonShadow
三維顯示元素的陰影色。
ButtonText
“按下”按鈕上文本的顏色(“3D對(duì)象”中的字體顏色)。
CaptionText
標(biāo)題。大小框中的文本以及滾動(dòng)箭頭框中符號(hào)的顏色(“活動(dòng)標(biāo)題欄”中的字體顏色)。
GrayText
置灰(禁用)文本。如果當(dāng)前顯示驅(qū)動(dòng)程序不支持純灰色,這個(gè)關(guān)鍵字解釋為#000。 Highlight控件中選中項(xiàng)的顏色(“選中項(xiàng)”中的第一個(gè)顏色)。
HighlightText
控件中選中項(xiàng)的文本顏色(“選中項(xiàng)”中的字體顏色)。
InactiveBorder
應(yīng)用于不活動(dòng)窗口的外邊框的顏色(“不活動(dòng)窗口邊框”中的第一個(gè)顏色)。
InactiveCaption
不活動(dòng)窗口的標(biāo)題的背景色(“不活動(dòng)標(biāo)題欄”的第一個(gè)顏色)。
Inact iveCapti onText
不活動(dòng)標(biāo)題中的文本顏色(“不活動(dòng)標(biāo)題欄”的字體顏色)。
InfoBackground
工具提示中的背景色(“工具提示”中的第一個(gè)顏色)。
InfoText
工具提示中的文本顏色(“工具提示”中的字體顏色)。
Menu
菜單背景的顏色(“菜單”中的第一個(gè)顏色)。
MenuText
菜單中的文本顏色(“菜單”中的字體顏色)。
Scrollbar
滾動(dòng)條的“灰色區(qū)域”。
ThreeDDarkShadow
與三維顯示元素的深陰影顏色相同。
ThreeDFace
與三維顯示元素的表面顏色相同。
ThreeDHighlight
三維顯示元素上的亮色。
ThreeDLightShadow
三維顯示元素上的淺色(面向光源邊沿上的顏色)。
ThreeDShadow
三維顯示元素上的深陰影。
Window
窗口的背景的顏色(“窗口”中的第一個(gè)顏色)。
WindowFrame
應(yīng)用于窗口的框架的顏色。
WindowText
窗口中的文本顏色(“窗口”中的字體顏色)。
CSS2將系統(tǒng)顏色關(guān)鍵字定義為不區(qū)分大小寫,不過(guò)建議在網(wǎng)頁(yè)設(shè)計(jì)時(shí)還是使用上表所示的混合大小寫寫法,這樣顏色名更可讀??梢钥吹剑琓hreeDLightShadow乍看上去就比threed- light shadow更容易理解。
系統(tǒng)顏色關(guān)鍵字本質(zhì)上是含糊的,這有一個(gè)明顯的缺點(diǎn),不同的用戶代理可能以不同的方式解釋這些關(guān)鍵字,即使這些用戶代理在同一個(gè)操作系統(tǒng)上運(yùn)行。因此,在使用這些關(guān)鍵字設(shè)計(jì)網(wǎng)頁(yè)時(shí),不要指望肯定會(huì)有一致的結(jié)果。例如,要避免這樣的文字:“査找顏色與桌面顏色一致的文本。”因?yàn)橛脩艨赡茉谀J(rèn)桌面顏色之上放了一個(gè)桌面圖像(或“墻紙”)。
當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的系統(tǒng)顏色
當(dāng)前URL:http://m.iy5y368.cn/news/wzzz/3039.html