CSS是網頁設計中不可或缺的一部分，它能夠幫助我們使網頁更加美觀、易讀及易用。不過隨著CSS文件越來越大，加載速度會變得很慢。這時，我們需要優化CSS文件，減少它們的大小，以便讓網頁更快地加載。其中，CSS壓縮及格式化就是一種非常常見的優化方法。

壓縮CSS文件可以通過移除不必要的CSS代碼、縮短CSS屬性名及屬性值長度、移除CSS注釋、縮寫CSS等方式來實現。這些操作可以大幅減少CSS文件的大小，提升加載速度。以下是一個CSS壓縮的例子：

.header{background-color:#003366;color:#fff;}
.nav{margin:0;padding:0;}

通過上述壓縮，我們可以發現，壓縮后的CSS代碼變得緊湊，是原來代碼大小的一半左右。

另一方面，CSS格式化是使CSS代碼看起來更加規范及易讀，從而方便開發者閱讀、修改及維護網站。以下是一個格式化的CSS例子：

.header {
background-color: #003366;
color: #fff;
}
.nav {
margin: 0;
padding: 0;
}

格式化的CSS保持著一定的縮進及換行，看起來更加美觀、易讀。不過，格式化后的CSS文件會變得更大，這會導致加載速度減慢。因此，在實際開發中，我們需要權衡壓縮和格式化之間的利弊，選擇更加適合自己網站的方法。