網頁設計中的系統顏色

系統顏色

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

如果在設計網頁時你想重用用戶操作系統中指定的顏色，CSS2為此定義了一系列系統顏色關鍵字。只要能用值的環境，就可以使用這些值。例如，可以通過以下聲明讓一個元素的背景與用戶的桌面顏色一致：

div#test {background-color: Background;}

因此，可以如下為文檔指定系統的默認文本顏色和背景顏色：

body (color: WindowText; background: Window;}

通過這種定制，更有可能讓用戶很好地閱讀文檔，因為用戶應該已經適當地配置了操作系統以支持這些顏色（如果沒有，那是他活該！）。

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

ActiveBorder

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

ActiveCaption

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

AppWorkspace

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

Background

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

ButtonFace

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

ButtonHighlight

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

ButtonShadow

三維顯示元素的陰影色。

ButtonText

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

CaptionText

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

GrayText

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

HighlightText

控件中選中項的文本顏色（“選中項”中的字體顏色）。

InactiveBorder

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

InactiveCaption

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

Inact iveCapti onText

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

InfoBackground

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

InfoText

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

Menu

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

MenuText

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

Scrollbar

滾動條的“灰色區域”。

ThreeDDarkShadow

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

ThreeDFace

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

ThreeDHighlight

三維顯示元素上的亮色。

ThreeDLightShadow

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

ThreeDShadow

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

Window

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

WindowFrame

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

WindowText

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

CSS2將系統顏色關鍵字定義為不區分大小寫，不過建議在網頁設計時還是使用上表所示的混合大小寫寫法，這樣顏色名更可讀。可以看到，ThreeDLightShadow乍看上去就比threed- light shadow更容易理解。

系統顏色關鍵字本質上是含糊的，這有一個明顯的缺點，不同的用戶代理可能以不同的方式解釋這些關鍵字，即使這些用戶代理在同一個操作系統上運行。因此，在使用這些關鍵字設計網頁時，不要指望肯定會有一致的結果。例如，要避免這樣的文字：“査找顏色與桌面顏色一致的文本。”因為用戶可能在默認桌面顏色之上放了一個桌面圖像（或“墻紙”）。

名稱欄目：網頁設計中的系統顏色
URL網址：http://m.kartarina.com/news24/165374.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、小程序開發、ChatGPT、微信公眾號、手機網站建設、網站策劃

廣告

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