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

系統(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的將來版本中它們很可能不再出現(xiàn)。之所以要強(qiáng)調(diào)這一點(diǎn)，原因是當(dāng)前可用的一些瀏覽器確實(shí)支持系統(tǒng)顏色。

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

div#test {background-color: Background;}

因此，可以如下為文檔指定系統(tǒng)的默認(rèn)文本顏色和背景顏色：

body (color: WindowText; background: Window;}

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

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

ActiveBorder

這種顏色應(yīng)用于活動窗口的外邊框（“活動窗口邊框”中的第一個(gè)顏色）。

ActiveCaption

當(dāng)前活動窗口標(biāo)題的背景色（“活動標(biāo)題欄”中的第一個(gè)顏色）。

AppWorkspace

支持多個(gè)文檔的應(yīng)用中使用的背景色，例如Microsoft Word中打開文檔“后面”的背景色（“應(yīng)用背景”中的第一個(gè)顏色）。

Background

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

ButtonFace

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

ButtonHighlight

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

ButtonShadow

三維顯示元素的陰影色。

ButtonText

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

CaptionText

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

GrayText

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

HighlightText

控件中選中項(xiàng)的文本顏色（“選中項(xiàng)”中的字體顏色）。

InactiveBorder

應(yīng)用于不活動窗口的外邊框的顏色（“不活動窗口邊框”中的第一個(gè)顏色）。

InactiveCaption

不活動窗口的標(biāo)題的背景色（“不活動標(biāo)題欄”的第一個(gè)顏色）。

Inact iveCapti onText

不活動標(biāo)題中的文本顏色（“不活動標(biāo)題欄”的字體顏色）。

InfoBackground

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

InfoText

工具提示中的文本顏色（“工具提示”中的字體顏色）。

Menu

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

MenuText

菜單中的文本顏色（“菜單”中的字體顏色）。

Scrollbar

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

ThreeDDarkShadow

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

ThreeDFace

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

ThreeDHighlight

三維顯示元素上的亮色。

ThreeDLightShadow

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

ThreeDShadow

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

Window

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

WindowFrame

應(yīng)用于窗口的框架的顏色。

WindowText

窗口中的文本顏色（“窗口”中的字體顏色）。

CSS2將系統(tǒng)顏色關(guān)鍵字定義為不區(qū)分大小寫，不過建議在網(wǎng)頁設(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)頁時(shí)，不要指望肯定會有一致的結(jié)果。例如，要避免這樣的文字：“査找顏色與桌面顏色一致的文本?！币?yàn)橛脩艨赡茉谀J(rèn)桌面顏色之上放了一個(gè)桌面圖像（或“墻紙”）。

標(biāo)題名稱：網(wǎng)頁設(shè)計(jì)中的系統(tǒng)顏色
本文來源：http://muchs.cn/news/165374.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、面包屑導(dǎo)航、小程序開發(fā)、云服務(wù)器、自適應(yīng)網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)