在建站的時候，很多網站都對他們的代碼進行壓縮，本篇文章主要來講解下CSS代碼的壓縮，壓縮后的CSS代碼所占用字節數會減少，要是訪問量比較小的網站看不出明顯的區別，比較大型的網站，就能節約很多內存資源。

那么CSS代碼的壓縮方法是什么？直接使用壓縮工具即可對css代碼進行壓縮。

在代碼編輯器中手動壓縮css代碼。

對于壓縮代碼工具，網上也有很多CSS壓縮工具可以下載，下面給大家介紹直接使用最常用的前端編輯器Dreamweaver進行壓縮代碼 。

方法

1、打開CSS文件

2、刪除空格壓縮代碼，

使用快捷鍵“Ctrl+F”，調出查找與替換工具選項卡

查找處輸入一個英文半角小寫“空格”

在“查找”輸入框中輸入一個空格，“替換”的輸入框中無需填入任何字符或代碼，這樣在執行替換時候，相當于把空格替換為沒有字符，相當于刪除空格位置。

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

3、將多余的分號刪除

在CSS代碼中，每個CSS選擇器內的最后一個CSS樣式的結束是不需要“分號”結束的。

避免刪除錯其它“分號”，這個時候在“查找與替換”選項卡中“查找”輸入框中填寫“;}”(分號+后花括號)，在“替換”輸入框中只輸入“}”(后花括號)，然后點擊“替換全部”，即可完成刪除多余分號符號。

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

可以手動刪除空行，也可以使用DW軟件快速刪除空行，具體刪除壓縮如下。首先將鼠標光標移動到選擇器開頭，然后點擊鼠標左鍵不放同時往上拉到上一個選擇器結束前(上一個CSS樣式選擇器后花括號后)，這個時候即可選中空行，此時選中空行為藍色區域。

調出“查找與替換”工具

在選中后松開鼠標左鍵后，使用快捷鍵“Ctrl+F”，即可調用出“查找與替換”選項卡，此時“查找與替換”選項卡的“查找”輸入框中即可自動填上剛剛選取好的空行。點擊“替換全部”完成壓縮在“替換”輸入框無需再輸入什么字符或代碼，直接點擊“替換完成”，完成替換。

更多前端開發知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的html如何压缩发送,css如何压缩？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。