什麼是用戶樣式表?

為什麼我應該使用用戶樣式表?

現在,當我使用用戶樣式表時,我沒有設置一種情況,即所訪問的所有網頁看起來都一樣。 相反,我有一個用戶樣式表,可以幫助我瀏覽網頁。 用戶樣式表允許您在頁面元素上設置樣式,以便他們更容易閱讀和使用,而不管網頁設計者的意圖如何。

我注意到的一件事是,許多網頁都是由年輕人創建的。 這些人似乎喜歡微觀的字體。 使用用戶樣式表,我可以將默認字體大小設置為更易於閱讀的字體大小。 網頁設計者的另一個流行技巧是從鏈接中刪除下劃線 。 雖然這可能會使頁面看起來“更好”,但很難說出可點擊的內容。 因此,在用戶樣式表中,我將下劃線放在我訪問的頁面上的鏈接上。

編寫用戶樣式表

編寫用戶樣式表與為您的Web頁面編寫CSS樣式表一樣簡單。 您可以使用標準樣式表中的所有相同屬性和命令。 用戶樣式表的訣竅在於它存儲在硬盤上,並告訴Web瀏覽器使用它。 根據您使用的Web瀏覽器,設置的說明有所不同:

用戶樣式表和輔助功能

添加下劃線或使字體變大是讓我訪問的網頁更易於訪問的良好開端,但使用用戶樣式表時,您可以走得更遠。 例如,許多Web設計者仍然在頁面上使用和元素,而不是使用更多的語義和。 如果我是盲人,使用聽覺瀏覽器,瀏覽器將不知道該如何處理,因為這些語言沒有任何語義含義。 但是通過用戶樣式表,我可以將它們定義為以強大或強調的方式發出可聽見的發音,與其語義相同。

玩用戶樣式表

使用用戶樣式表的最常見方式是將下劃線添加回鏈接。 您只需將以下CSS屬性添加到用戶樣式表中即可:

:鏈接,:visited {text-decoration:下劃線! 重要; }

將“!important”添加到樣式的末尾非常重要,否則,作者定義的樣式表將優先於用戶樣式表。

用戶樣式表的另一個有用的技巧是讓一些更惱人的標籤變得更加惱人。 此樣式使閃爍標記和選取框標記不閃爍或滾動:

眨眼{text-decoration:無! 重要; } marquee {-moz-binding:none! 重要; }

網頁設計師:記住這一點

您應該記住,您在設計網頁時有一組用戶樣式表。 否則,您將花費數小時的時間來排查為什麼您會看到所有鏈接中的下劃線,而您的團隊中的其他人卻沒有。 您可能會笑,但如果您今天設置了用戶樣式表,然後在六個月內更改網站樣式,那麼您很可能會忘記設置用戶樣式表。

我所做的是使用我的標準配置文件瀏覽網頁,並使用默認配置文件來測試我的網頁。 這樣我可以瀏覽網頁我最舒服的方式,但我也知道大多數人會看到我的網頁。 如果您堅持使用Internet Explorer進行瀏覽,那麼在測試網頁時,您需要記得關閉用戶樣式表。