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

      1. 網頁設計中的前景色

        • 2018-12-27 11:12:27
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        要設置網站建設中元素的前最色,最容易的辦法是利用屬性color。

        color值:<color> | inherit

        初始值:用戶代理特定的值

        應用于:所有元素

        繼承性:有

        計算值:根據指定確定

        在第4章曾經討論過,這個屬性接受任何合法顏色類型的值,例如#FFCC00或rgb(100%,80%,0%),也可以接受第13章將介紹的系統顏色關鍵字。

        對于非替換元素,color設置了元素中文本的顏色:

        <p style="color:gray;">This paragraph has a gray foreground.</p>

        <p>This paragraph has the default foreground.</p>

        注意:在圖9-1中,默認前景色為黑色。并不總是如此,因為用戶可能讓其瀏覽器(或其他用戶代理)使用另外一種前景(文本)顏色。如果默認文本設置為綠色,上例中的第二段將是綠色而不是黑色,但是第一段還是灰色。

        當然,并不僅限于完成這種簡單的操作。color有很多用法。例如,網頁建設中可能有些段落中包含一些文本,提醒用戶某個可能的問題,為了突出這些文本,可能決定將其設置為紅色。

        只需為包含警告文本的各個段落提供一個class值warn(<p class="warn">),并設置以下規則:

        p.warn{color:red;}

        在同一個文檔中,你可能認為警告段落中的未訪問鏈接應當是綠色:

        p.warn{color:red;}

        p.warn a:link{color:green;}

        然后你又改主意了,認為警告文本應當是暗灰色,這些文本中的鏈接應當是中灰色。只需修改前面的規則來反映這些新值,如圖9-2所示:

        p.warn {color:#666;}

        p.warn a:link {color:#AAA;}

        color的另一個用法是讓用戶注意某類文本。例如,粗體文本已經很明顯了,不過網頁設計師可能想讓它們有另一種顏色,使之更顯突出——例如可以設置為紫紅色:

        b.strong{color:maroon;}

        然后可能決定class為highlight的所有表單元格要包含淡黃色文本:

        td.highlight{color:#FF9;}

        當然,如果網站制作沒有為任何文本設置背景色,可能會有風險,因為用戶的設置與自己的設置可能不一致。例如,如果一個用戶將其瀏覽器的背景色設置為灰黃色,如#FFC,那么前面的規則就會在灰黃色背景上生成淡黃色文本。因此,通常最好同時設置前景和背景色(本章后面將談到背景色)。

        警告:當心Navigator 4中的顏色使用,它會替換掉它不認識的color值。這種替換并不完全是隨機的,不過這確實不太好。例如,invalidValue會變成深藍色,inherit(這是一個合法的CSS2值)則會變成一種很難看的黃綠色。在另外一些情況下,transparent背景會變成黑色。

        當前文章標題:網頁設計中的前景色

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

        上一篇:網頁設計中的顏色

        下一篇:網頁設計中的前景色替換屬性

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