CSS教程:什么是用戶樣式表?_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        用戶樣式表是由用戶定義的樣式表,由用戶創建,并存放于個人的本地計算機上。瀏覽器自動加載該文件,并將它應用于查看的網頁。

        用戶定義樣式表的目的是讓Web沖浪者的首選項影響查看Web的方式。這對于某些非凡群體的用戶非凡有用,包括那些有視覺障礙的用戶。例如,假如用戶要求高對比度顯示,用戶樣式表應該設置為默認的黑色背景、白色文本和大字體。

        理論上,用戶樣式表很有用。然而實際上,它們需要每個Web用戶知道如何寫規則,以便用他們喜歡的方式查看Web。對于希望舒適地進行Web沖浪的用戶來說,這具有相當大的學習難度。用戶現在學習CSS,是因為要設計網站,不是因為只想訪問信息。盡管這樣,對于那些知道如何使用它們的人,或者那些能夠下載和安裝別人編寫的用戶樣式表的人來說,用戶樣式表仍然具有令人難以置信的強大功能。

        用戶樣式表可以具有任何類型的CSS規則,這些規則通常包括在樣式表內。語法也非常類似。究竟它就是另一種外部樣式表。然而,在用戶樣式表中一些規則類型意義不大,因此可以忽略這些規則的幾條常規使用警告。

        在用戶樣式表中,用戶不必使用所有假設設置了非凡屬性的選擇符,例如class或者id,因為用戶不知道每個頁面的HTML中包含什么內容。

        通常創建樣式表時,用戶不希望使用字體大小的絕對值,例如9px或2cm,因為這種值沒有考慮用戶的首選項。假如將9像素的字體大小放在Web樣式表上,有視覺障礙的用戶查看它就會有困難。但是編寫自己的用戶定義樣式表時,用戶已經知道了最終輸出媒介的確切屬性,所以在自己的用戶定義樣式表中使用這些值就非常好。

        最后,用戶應該聲明它們是!important,來給它們賦予最高的優先權。因為究竟假如設計者的樣式表能覆蓋它們的話,它對于設置自己的優先選擇沒有意義。

        程序清單給出了用戶定義樣式表的例子。該樣式表非凡為需要較大打印字體和高對比度(黑背景白字)的用戶而設計。

        用戶定義的樣式表示例

      示例代碼 [www.wf0088.com]
      * { color: white !important;
      background-color: white !important;
      font-family: Verdana, sans-serif !important; }
      body { font-size: 24pt !important; }
      a:link { color: cyan !important; }
      a:visited { color: violet !important; }

        在創建了用戶定義的樣式表并將它保存在硬盤驅動器上(某個用戶能記住位置的地方)之后,用戶需要告訴瀏覽器使用它。用戶如何做取決于使用哪種瀏覽器。

        在Internet Explorer中,它位于可訪問性之下的首選項中。如下圖所示:


        假如使用Firefox,需要把規則添加到user.css文件。在Opera中,它是讓用戶選擇用戶定義樣式表的文檔下面的首選項。在Safari中,它是高級首選項。

      來源:無憂整理//所屬分類:CSS教程/更新時間:2007-09-24
      相關CSS教程