#CSS的壓縮技術
隨著我們網頁的應用越來越大，CSS的文件也會越來越複雜，從而影響到網頁的載入速度，因此我們應該要學習如何有效的透過壓縮CSS來提升效能，從而加速網頁的加載速度。
#常見的CSS壓縮技術
1.移除空白與註解:
在CSS文件中，空白的字符、換行和註解對於程式的運行並沒有實際的影響，僅是為了讓代碼方便閱讀，因此我們可以移除這些元素，來達到減少文件大小的效果。
原始CSS範例:
body {
margin: 0;
padding: 0;
}
壓縮後的CSS:
body{margin:0;padding:0;}
2.使用簡寫屬性:
CSS有提供一些屬性簡寫語法來合併多個屬性，來達到減少文件大小的需求。
原始CSS範例:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
壓縮後的CSS:
margin: 10px 20px;
加油!!!
iThome鐵人賽
看影片追技術