對于網站的前端開發人員來說，優化網頁性能是一項重要的任務。而壓縮 CSS 文件則是其中的一項關鍵步驟。本文將介紹如何在線壓縮 CSS。

在互聯網上，有很多在線壓縮 CSS 的工具。下面以 CSS Minifier 為例來演示如何在線壓縮 CSS 文件。

.test {
width: 100%;
margin: 0 auto;
padding: 10px;
border: 1px solid #f00;
}

首先，我們需要打開 CSS Minifier 網站，該網站的網址為 https://www.cssminifier.com/。接著，我們需要將需要壓縮的 CSS 代碼復制到網站的輸入框中。

然后，我們只需要點擊網站下方的“Minify”按鈕，即可在線壓縮我們的 CSS 文件。

在壓縮完成后，我們可以在輸出框中看到壓縮后的 CSS 代碼。

.test{width:100%;margin:0 auto;padding:10px;border:1px solid #f00;}

最后，我們只需要將壓縮后的 CSS 代碼復制，替換原有的 CSS 代碼即可。

總的來說，使用在線 CSS 壓縮工具可以有效地減小 CSS 文件的體積，從而提高網頁的加載速度。希望這篇文章對你有所幫助。