在線壓縮CSS代碼是一項非常實用的技術，可以幫助網站提升加載速度，減少網頁大小。通過去除CSS代碼中不必要的空格、注釋、格式等內容，可以將CSS代碼壓縮到最小，減少文件大小，從而使網頁加載速度更快。

現在，有很多在線工具可以幫助我們輕松壓縮CSS代碼，如CSS Compressor、CSS Minify、Minify CSS等。這些工具都有類似的操作步驟，只需把原始的CSS代碼復制粘貼進去，點擊壓縮按鈕，就可以得到壓縮后的代碼了。一些工具還提供了選擇不同節約壓縮后文件大小、壓縮后文件是否需要緩存等選項。

原始CSS代碼：
.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
/* Header */
.header {
background: #f2f2f2;
padding: 20px;
text-align: center;
}
/* Navigation */
.nav {
background: #333;
color: #fff;
padding: 10px;
text-align: center;
}
壓縮后CSS代碼：
.container{width:100%;max-width:960px;margin:0 auto;}.header{background:#f2f2f2;padding:20px;text-align:center;}.nav{background:#333;color:#fff;padding:10px;text-align:center;}

總之，在線壓縮CSS代碼是個很實用的技術，為網站優化提供了極大的方便性。我們可以根據實際情況選擇不同的工具和選項，得到最優的壓縮效果。