CSS縮寫(xiě)可以有效的縮小CSS文件的體積

2024-07-11 08:24:01

字體：大中小

供稿：網(wǎng)友

　　Web網(wǎng)站可用性的關(guān)鍵指標(biāo)是速度，更確切地說(shuō)，是頁(yè)面能以多快的速度出現(xiàn)在訪問(wèn)者的瀏覽器窗口里。影響速度的因素有很多種，包括Web服務(wù)器的速度、訪問(wèn)者的Internet連接情況，以及瀏覽器必須下載的文件大小。盡管你無(wú)法控制服務(wù)器和連接的速度，但是你可以控制構(gòu)成網(wǎng)站W(wǎng)eb頁(yè)面的文件大小。
　　為了讓網(wǎng)站能夠更快，Web的建設(shè)者都會(huì)按常規(guī)地壓縮和優(yōu)化網(wǎng)站上的每一個(gè)圖像文件，這常常使得為了將文件的大小減少幾個(gè)百分點(diǎn)而犧牲了圖像的質(zhì)量。由于CSS樣式表是純文本文件，和圖像相比相對(duì)較小，所以Web建設(shè)者很少考慮采取措施減少其CSS樣式表文件的大小。但是，通過(guò)使用CSS縮寫(xiě)以及其他的一些簡(jiǎn)單技巧，你可以在很大程度上減少樣式表的大小。在我對(duì)自己樣式表的一次非正式的特別測(cè)試中，我把文件的大小降低了大約25－50％。

　　使用CSS的縮寫(xiě)性質(zhì)

　　CSS的縮寫(xiě)性質(zhì)（shorthand property）是一些專用的性質(zhì)名，用來(lái)代替多個(gè)相關(guān)性質(zhì)的集合。例如，間隙性質(zhì)（padding property）是頂部間隙（padding-top）、右側(cè)間隙（padding-right）、底部間隙（padding-bottom）和左側(cè)間隙（padding-left）的縮寫(xiě)。

　　使用速寫(xiě)性質(zhì)讓你能夠把多個(gè)性質(zhì)／屬性對(duì)（property/attribute pair）壓縮進(jìn)CSS樣式表的一行代碼里。例如，想一想下面的代碼：

示例代碼 [www.CuoXIn.com]

上一篇：CSS網(wǎng)頁(yè)布局中IE與FF兼容問(wèn)題的小整理

下一篇：CSS編碼習(xí)慣 hack分開(kāi)寫(xiě)的規(guī)則