<output id="jbxdv"></output>

      1. 網頁設計中的系統顏色

        • 2019-06-05 15:00:43
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        系統顏色

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

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

        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更容易理解。

        系統顏色關鍵字本質上是含糊的,這有一個明顯的缺點,不同的用戶代理可能以不同的方式解釋這些關鍵字,即使這些用戶代理在同一個操作系統上運行。因此,在使用這些關鍵字設計網頁時,不要指望肯定會有一致的結果。例如,要避免這樣的文字:“査找顏色與桌面顏色一致的文本?!币驗橛脩艨赡茉谀J桌面顏色之上放了一個桌面圖像(或“墻紙”)。


        當前文章標題:網頁設計中的系統顏色

        當前URL:http://www.freenetsites.com/news/wzzz/3039.html

        上一篇:網頁設計中的系統字體和顏色

        下一篇:網頁設計時的指示和選擇光標

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>