必威电竞|足球世界杯竞猜平台

樣式表
來(lái)源:互聯(lián)網(wǎng)

樣式表(style 工作表)是關(guān)于文件對(duì)標(biāo)題和正文的默認(rèn)字體、大小、顏色、前頁(yè)外觀、單個(gè)部分的排列間隔、行間距、四周頁(yè)邊距、標(biāo)題間距離等元素的定義。樣式表在電子文檔開始時(shí)通過(guò)插入或者鏈接進(jìn)行定義。

定義

樣式表(style sheet)是關(guān)于文件如下元素的定義:

??標(biāo)題和正文的默認(rèn)字體、大小和顏色;

??前頁(yè)外觀;

??單個(gè)部分的排列間隔;

??行間距、四周頁(yè)邊距、標(biāo)題間距離等;

??任何自動(dòng)生成的內(nèi)容表該包含多少級(jí)標(biāo)題;

??相應(yīng)頁(yè)中包含的任何樣板文件內(nèi)容。

功能

通常,樣式表在電子文檔開始時(shí)通過(guò)插入或者鏈接進(jìn)行定義。這個(gè)樣式表應(yīng)用于整個(gè)文檔。如果需要,整個(gè)樣式表的特定元素可被應(yīng)用于文檔特定部分的特殊代碼而取代。

對(duì)于網(wǎng)頁(yè),樣式表執(zhí)行相似的功能,允許設(shè)計(jì)人員跨越網(wǎng)頁(yè)而保證基本的一致性。通過(guò)在文檔標(biāo)題中插入樣式規(guī)則或者參照單獨(dú)的樣式表可以為整個(gè)文檔定義樣式元素。瀏覽器可允許用戶更改一些或所有樣式表屬性。

層疊樣式表是為填入或取代整個(gè)樣式表的其它樣式表做準(zhǔn)備的樣式表。它方便了設(shè)計(jì)人員在需要時(shí)更改樣式表。

優(yōu)點(diǎn)

形式和內(nèi)容分離有一些優(yōu)點(diǎn),但只有在主流web瀏覽器支持層疊樣式表的時(shí)候才行。

速度快

總的來(lái)說(shuō),利用樣式表的網(wǎng)站的用戶體驗(yàn)通常會(huì)更快,相比不使用該技術(shù)的網(wǎng)站。“整體”來(lái)講第一頁(yè)可能加載更慢—因?yàn)樾枰獋鬏敇邮奖砗蛢?nèi)容。后續(xù)頁(yè)面加載速度會(huì)變快,因?yàn)闆]有樣式信息需要下載——因?yàn)镃SS文件已經(jīng)在瀏覽器的CPU緩存中了。

可維護(hù)性

將所有樣式保存在一個(gè)文件中可以減少維護(hù)的時(shí)間,減少錯(cuò)誤的機(jī)會(huì),從而提高表達(dá)的一致性。例如,網(wǎng)頁(yè)上某個(gè)級(jí)別的標(biāo)題可能用一種特定的顏色表示,當(dāng)要修改這些標(biāo)題的顏色的時(shí)候,只需要改變層疊樣式表文件中的一個(gè)短短的字符串即可。而如果使用以前的方法將樣式嵌入在每個(gè)頁(yè)面,需要編輯每個(gè)文件,從而繁瑣,費(fèi)時(shí)費(fèi)力,而且容易出錯(cuò)。

可訪問(wèn)性

使用CSS的HTML或XHTML網(wǎng)站更容易調(diào)整,以適應(yīng)不同的瀏覽器。在瀏覽器中使用“完全降低”(“degrade gracefully”)CSS的網(wǎng)站不能顯示圖形內(nèi)容,如Lynx或那些很老的不支持CSS的瀏覽器。瀏覽器忽略它們不能解釋的CSS,比如CSS3語(yǔ)句。這使得各種各樣的用戶代理都能夠訪問(wèn)網(wǎng)站的內(nèi)容,即使他們不能呈現(xiàn)樣式表或帶有圖形能力的設(shè)計(jì)。例如,一個(gè)使用可刷新點(diǎn)字顯示輸出的瀏覽器可以完全無(wú)視布局信息,并且用戶仍然可以訪問(wèn)所有頁(yè)面內(nèi)容。

可定制

如果一個(gè)頁(yè)面的布局信息存儲(chǔ)在外部,用戶可以決定是否完全禁止布局信息,使網(wǎng)站的內(nèi)容仍然保持一種可讀的形式。網(wǎng)站的作者也可以提供多個(gè)樣式表,可以在沒有改變它的任何內(nèi)容的情況下,徹底改變網(wǎng)站的外觀。

大多數(shù)現(xiàn)代瀏覽器還允許用戶定義自己的樣式表,覆蓋原有的布局。例如,允許用戶加粗用戶訪問(wèn)的每個(gè)頁(yè)面上的每個(gè)超鏈接。

一致性

因?yàn)檎Z(yǔ)義文件只包含作者想要傳達(dá)的含義,文檔內(nèi)容中各種元素的樣式是非常一致的。例如,標(biāo)題、強(qiáng)調(diào)文本、列表和數(shù)學(xué)表達(dá)式都使用樣式表中定義的樣式屬性。在創(chuàng)建頁(yè)面的時(shí)候不需要關(guān)心樣式屬性的組合。這些表象細(xì)節(jié)可以推遲到呈現(xiàn)的時(shí)刻。

可移植性

表現(xiàn)的細(xì)節(jié)可以延遲到展示的時(shí)候才考慮,這意味著文檔可以很容易被重新編排,在一個(gè)完全不同的媒介上展示,只需要為新的表達(dá)媒介準(zhǔn)備一個(gè)新的樣式表,同時(shí)符合語(yǔ)義文檔中元素或結(jié)構(gòu)的詞匯。只要通過(guò)應(yīng)用一個(gè)新的樣式表,精心撰寫的web頁(yè)面文檔便可以很容易地被印刷成裝訂卷,并含有完整的頁(yè)眉和頁(yè)腳,頁(yè)碼和生成的目錄。

缺點(diǎn)

目前規(guī)范(例如:XHTML、XSL、層疊樣式表)和實(shí)現(xiàn)這些規(guī)范的軟件工具只是達(dá)到早期成熟階段。所以試圖接受這種內(nèi)容和形式分離的方法還面臨一些世紀(jì)性的問(wèn)題。

沒有解析和生成工具導(dǎo)致應(yīng)用范圍小

風(fēng)格規(guī)范仍然相當(dāng)成熟,軟件工具也已經(jīng)逐漸適應(yīng)。最主要的web開發(fā)工具大多數(shù)還是使用內(nèi)容形式混合的網(wǎng)頁(yè)編寫方式。所以作者和設(shè)計(jì)者嘗試開發(fā)基于圖形界面的網(wǎng)頁(yè)編輯工具,但發(fā)現(xiàn)很難按照語(yǔ)義web方法開發(fā)基于GUI的工具。除了GUI工具,廣義樣式表共享庫(kù)可能會(huì)有助于這些方法的落地。

參考資料 >

生活家百科家居網(wǎng)