壓縮方法：1、使用DW軟件打開(kāi)CSS文件；2、使用“查找和替換”工具刪除文件中的全部空格；3、將樣式代碼中多余的分號(hào)刪除；4、刪除多余空行，讓代碼都排成一排（緊貼一起）即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&AdobeDreamweaverCS6版、Dell G3電腦。

CSS代碼壓縮從哪些方面入手

網(wǎng)頁(yè)開(kāi)發(fā)好后，將要發(fā)布到網(wǎng)站的CSS代碼直接縮減壓縮，比如刪除空格、去掉換行、去掉多余分號(hào)等

當(dāng)然有的CSS代碼可以進(jìn)行優(yōu)化也是可以大大減少代碼量從而減少文件大小。

壓縮css文件的方法

使用DW軟件的查找與替換工具進(jìn)行替換壓縮CSS代碼。

1、DW軟件打開(kāi)CSS文件

2、刪除空格壓縮代碼

2-1：使用快捷鍵“Ctrl+F”，調(diào)出查找與替換工具選項(xiàng)卡。

2-2：查找處鍵入（輸入）一個(gè)英文半角小寫“空格”

在“查找”輸入框中輸入一個(gè)空格

在“查找”輸入框中輸入一個(gè)空格，“替換”的輸入框中無(wú)需填入然后字符或代碼，這樣在執(zhí)行替換時(shí)候，相當(dāng)于把空格替換為沒(méi)有字符，相當(dāng)于刪除空格位置。

2-3：點(diǎn)擊“替換全部”

點(diǎn)擊“替換全部”后，即可將多余的空格位置刪除完成，完成壓縮一部分。

3、將多余的分號(hào)刪除

在CSS代碼中，每個(gè)CSS選擇器內(nèi)的最后一個(gè)CSS樣式的結(jié)束是不需要“分號(hào)”結(jié)束的，換句話說(shuō)每個(gè)選擇器內(nèi)即“后花括號(hào)”前是不需要分號(hào)結(jié)束最后一個(gè)CSS樣式的。

同樣使用DW軟件“查找與替換”功能刪除掉，避免刪除錯(cuò)其它“分號(hào)”，這個(gè)時(shí)候在“查找與替換”選項(xiàng)卡中“查找”輸入框中填寫“;}”（分號(hào)+后花括號(hào)），在“替換”輸入框中只輸入“}”（后花括號(hào)），然后點(diǎn)擊“替換全部”，即可完成刪除多余分號(hào)符號(hào)。

4、刪除多余空行，讓代碼都排成一排（緊貼一起）

可以手動(dòng)刪除空行，也可以使用DW軟件快速刪除空行，具體刪除壓縮如下。

4-1：首先DW打開(kāi)CSS文件代碼

4-2：選中空行

首先將鼠標(biāo)光標(biāo)移動(dòng)到選擇器開(kāi)頭，然后點(diǎn)擊鼠標(biāo)左鍵不放同時(shí)往上拉到上一個(gè)選擇器結(jié)束前（上一個(gè)CSS樣式選擇器后花括號(hào)后），這個(gè)時(shí)候即可選中空行，此時(shí)選中空行為藍(lán)色區(qū)域。

4-3：調(diào)出“查找與替換”工具

在選中后松開(kāi)鼠標(biāo)左鍵后，使用快捷鍵“Ctrl+F”，即可調(diào)用出“查找與替換”選項(xiàng)卡，此時(shí)“查找與替換”選項(xiàng)卡的“查找”輸入框中即可自動(dòng)填上剛剛選取好的空行。

4-4：點(diǎn)擊“替換全部”完成壓縮

在“替換”輸入框無(wú)需再輸入什么字符或代碼，直接點(diǎn)擊“替換完成”，完成替換。

快速使用DW軟件進(jìn)行著幾步操作即可完成對(duì)CSS代碼（文件）壓縮精簡(jiǎn)。

css壓縮的好處：

1、減小了文件的體積

2、減小了網(wǎng)絡(luò)傳輸量和帶寬占用

3、減小了服務(wù)器的處理的壓力

4、提高了頁(yè)面的渲染顯示的速度

（學(xué)習(xí)視頻分享：css視頻教程）