CSS無用代碼是指對網頁加載速度和性能產生負面影響的沒用的CSS代碼，其存在會增加網頁加載的時間，同時也會使開發效率降低。為了最大限度地優化頁面性能，需要去除無用的CSS代碼。下面將介紹可以使用的工具和技巧來去除無用的CSS代碼。

首先，我們可以使用Chrome瀏覽器自帶的Coverage工具來查找和刪除無用的CSS代碼。打開開發者工具，選擇Coverage選項卡，點擊運行Coverage按鈕，瀏覽器將顯示出不同的顏色表示每個文件的覆蓋率。選擇紅色表示無用的CSS文件，右鍵單擊它，選擇刪除即可。

// 代碼示例
body {
background-color: #f2f2f2;
color: #333;
}
h1 {
font-size: 24px;
color: #333;
}
.red {
color: red;
}
blue {
color: blue;
}

另一個有用的工具是PurifyCSS，可以用來去除項目中的無用代碼。下載并安裝PurifyCSS，然后在終端運行以下命令：

purifycss styles.css index.html --out purify.css

以上命令將讀取CSS文件（styles.css）和HTML文件（index.html），并將無用的CSS代碼輸出到一個名為purify.css的新文件中。刪減后的CSS代碼也會被輸出到控制臺，以便你進行檢查。

同樣，可以使用在線工具CSS Redundancy Checker找出項目中的無用CSS代碼。它會檢查CSS文件，并輸出可刪減的無用代碼。這個工具還提供分析項目中不同頁面的選項，以找出更多的無用代碼。

總結來說，我們可以使用Chrome的Coverage工具、PurifyCSS或CSS Redundancy Checker來刪除無用的CSS代碼。這些工具都易于使用，而且可以幫助您提高網頁性能和開發效率。