CSS教程:什么是用戶(hù)樣式表?_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
用戶(hù)樣式表是由用戶(hù)定義的樣式表,由用戶(hù)創(chuàng)建,并存放于個(gè)人的本地計(jì)算機(jī)上。瀏覽器自動(dòng)加載該文件,并將它應(yīng)用于查看的網(wǎng)頁(yè)。
用戶(hù)定義樣式表的目的是讓W(xué)eb沖浪者的首選項(xiàng)影響查看Web的方式。這對(duì)于某些非凡群體的用戶(hù)非凡有用,包括那些有視覺(jué)障礙的用戶(hù)。例如,假如用戶(hù)要求高對(duì)比度顯示,用戶(hù)樣式表應(yīng)該設(shè)置為默認(rèn)的黑色背景、白色文本和大字體。
理論上,用戶(hù)樣式表很有用。然而實(shí)際上,它們需要每個(gè)Web用戶(hù)知道如何寫(xiě)規(guī)則,以便用他們喜歡的方式查看Web。對(duì)于希望舒適地進(jìn)行Web沖浪的用戶(hù)來(lái)說(shuō),這具有相當(dāng)大的學(xué)習(xí)難度。用戶(hù)現(xiàn)在學(xué)習(xí)CSS,是因?yàn)橐O(shè)計(jì)網(wǎng)站,不是因?yàn)橹幌朐L問(wèn)信息。盡管這樣,對(duì)于那些知道如何使用它們的人,或者那些能夠下載和安裝別人編寫(xiě)的用戶(hù)樣式表的人來(lái)說(shuō),用戶(hù)樣式表仍然具有令人難以置信的強(qiáng)大功能。
用戶(hù)樣式表可以具有任何類(lèi)型的CSS規(guī)則,這些規(guī)則通常包括在樣式表內(nèi)。語(yǔ)法也非常類(lèi)似。究竟它就是另一種外部樣式表。然而,在用戶(hù)樣式表中一些規(guī)則類(lèi)型意義不大,因此可以忽略這些規(guī)則的幾條常規(guī)使用警告。
在用戶(hù)樣式表中,用戶(hù)不必使用所有假設(shè)設(shè)置了非凡屬性的選擇符,例如class或者id,因?yàn)橛脩?hù)不知道每個(gè)頁(yè)面的HTML中包含什么內(nèi)容。
通常創(chuàng)建樣式表時(shí),用戶(hù)不希望使用字體大小的絕對(duì)值,例如9px或2cm,因?yàn)檫@種值沒(méi)有考慮用戶(hù)的首選項(xiàng)。假如將9像素的字體大小放在Web樣式表上,有視覺(jué)障礙的用戶(hù)查看它就會(huì)有困難。但是編寫(xiě)自己的用戶(hù)定義樣式表時(shí),用戶(hù)已經(jīng)知道了最終輸出媒介的確切屬性,所以在自己的用戶(hù)定義樣式表中使用這些值就非常好。
最后,用戶(hù)應(yīng)該聲明它們是!important,來(lái)給它們賦予最高的優(yōu)先權(quán)。因?yàn)榫烤辜偃缭O(shè)計(jì)者的樣式表能覆蓋它們的話(huà),它對(duì)于設(shè)置自己的優(yōu)先選擇沒(méi)有意義。
程序清單給出了用戶(hù)定義樣式表的例子。該樣式表非凡為需要較大打印字體和高對(duì)比度(黑背景白字)的用戶(hù)而設(shè)計(jì)。
用戶(hù)定義的樣式表示例
在創(chuàng)建了用戶(hù)定義的樣式表并將它保存在硬盤(pán)驅(qū)動(dòng)器上(某個(gè)用戶(hù)能記住位置的地方)之后,用戶(hù)需要告訴瀏覽器使用它。用戶(hù)如何做取決于使用哪種瀏覽器。
在Internet Explorer中,它位于可訪問(wèn)性之下的首選項(xiàng)中。如下圖所示:

假如使用Firefox,需要把規(guī)則添加到user.css文件。在Opera中,它是讓用戶(hù)選擇用戶(hù)定義樣式表的文檔下面的首選項(xiàng)。在Safari中,它是高級(jí)首選項(xiàng)。
用戶(hù)定義樣式表的目的是讓W(xué)eb沖浪者的首選項(xiàng)影響查看Web的方式。這對(duì)于某些非凡群體的用戶(hù)非凡有用,包括那些有視覺(jué)障礙的用戶(hù)。例如,假如用戶(hù)要求高對(duì)比度顯示,用戶(hù)樣式表應(yīng)該設(shè)置為默認(rèn)的黑色背景、白色文本和大字體。
理論上,用戶(hù)樣式表很有用。然而實(shí)際上,它們需要每個(gè)Web用戶(hù)知道如何寫(xiě)規(guī)則,以便用他們喜歡的方式查看Web。對(duì)于希望舒適地進(jìn)行Web沖浪的用戶(hù)來(lái)說(shuō),這具有相當(dāng)大的學(xué)習(xí)難度。用戶(hù)現(xiàn)在學(xué)習(xí)CSS,是因?yàn)橐O(shè)計(jì)網(wǎng)站,不是因?yàn)橹幌朐L問(wèn)信息。盡管這樣,對(duì)于那些知道如何使用它們的人,或者那些能夠下載和安裝別人編寫(xiě)的用戶(hù)樣式表的人來(lái)說(shuō),用戶(hù)樣式表仍然具有令人難以置信的強(qiáng)大功能。
用戶(hù)樣式表可以具有任何類(lèi)型的CSS規(guī)則,這些規(guī)則通常包括在樣式表內(nèi)。語(yǔ)法也非常類(lèi)似。究竟它就是另一種外部樣式表。然而,在用戶(hù)樣式表中一些規(guī)則類(lèi)型意義不大,因此可以忽略這些規(guī)則的幾條常規(guī)使用警告。
在用戶(hù)樣式表中,用戶(hù)不必使用所有假設(shè)設(shè)置了非凡屬性的選擇符,例如class或者id,因?yàn)橛脩?hù)不知道每個(gè)頁(yè)面的HTML中包含什么內(nèi)容。
通常創(chuàng)建樣式表時(shí),用戶(hù)不希望使用字體大小的絕對(duì)值,例如9px或2cm,因?yàn)檫@種值沒(méi)有考慮用戶(hù)的首選項(xiàng)。假如將9像素的字體大小放在Web樣式表上,有視覺(jué)障礙的用戶(hù)查看它就會(huì)有困難。但是編寫(xiě)自己的用戶(hù)定義樣式表時(shí),用戶(hù)已經(jīng)知道了最終輸出媒介的確切屬性,所以在自己的用戶(hù)定義樣式表中使用這些值就非常好。
最后,用戶(hù)應(yīng)該聲明它們是!important,來(lái)給它們賦予最高的優(yōu)先權(quán)。因?yàn)榫烤辜偃缭O(shè)計(jì)者的樣式表能覆蓋它們的話(huà),它對(duì)于設(shè)置自己的優(yōu)先選擇沒(méi)有意義。
程序清單給出了用戶(hù)定義樣式表的例子。該樣式表非凡為需要較大打印字體和高對(duì)比度(黑背景白字)的用戶(hù)而設(shè)計(jì)。
用戶(hù)定義的樣式表示例
示例代碼 [hl5o.cn]
* { 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; }
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; }
在創(chuàng)建了用戶(hù)定義的樣式表并將它保存在硬盤(pán)驅(qū)動(dòng)器上(某個(gè)用戶(hù)能記住位置的地方)之后,用戶(hù)需要告訴瀏覽器使用它。用戶(hù)如何做取決于使用哪種瀏覽器。
在Internet Explorer中,它位于可訪問(wèn)性之下的首選項(xiàng)中。如下圖所示:

假如使用Firefox,需要把規(guī)則添加到user.css文件。在Opera中,它是讓用戶(hù)選擇用戶(hù)定義樣式表的文檔下面的首選項(xiàng)。在Safari中,它是高級(jí)首選項(xiàng)。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML教程,簡(jiǎn)單學(xué)習(xí)HTML語(yǔ)言
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- HTML教程:收集的常用的HTML標(biāo)簽(6)
- HTML表格標(biāo)記教程(48):CSS修飾表格
- robots.txt詳細(xì)介紹
- HTML5的結(jié)構(gòu)和語(yǔ)義——結(jié)構(gòu)(二)
- HTML表格標(biāo)記教程(47):表格嵌套
- HTML表格標(biāo)記教程(4):邊框色屬性BORDERCOLOR
- HTML表格標(biāo)記教程(26):單元格標(biāo)記
- HTML高級(jí)教程表格
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS教程:什么是用戶(hù)樣式表?
。