在網頁開發中，CSS（Cascading Style Sheets）作為頁面樣式的重要組成部分，負責網頁元素的顯示效果。然而，在編寫CSS代碼時，經常會出現多余無用的CSS代碼，從而影響頁面的加載速度和性能。

那么，如何刪除這些多余無用的CSS代碼呢？

首先，我們可以使用瀏覽器內置的開發者工具來識別無用的CSS代碼。在谷歌瀏覽器中，打開開發者工具，進入“Coverage”標簽頁，我們就可以看到加載頁面時每條CSS代碼的使用情況。如果發現某些CSS代碼未被使用，就可以直接刪除它們。

// 未被使用的CSS代碼
.unused{
color: blue;
font-size: 16px;
}

如果使用的是編輯器推薦使用各種插件，如CSS Purge、PurgeCSS、uncss 等等，這些插件可以自動刪除無用的 CSS 代碼，減小 CSS 文件體積，優化頁面加載。

// 未被使用的CSS代碼
.unused{
color: blue;
font-size: 16px;
}

最后，編寫CSS代碼時也要注意寫法規范和準確性，避免出現多余無用的CSS代碼。例如，可以使用CSS預處理器如Sass或Less，以提高代碼的可讀性和復用性。

總之，簡潔高效的CSS代碼不僅可以提高網頁的加載速度和性能，還可以提高代碼可維護性和可讀性，因此在編寫CSS代碼時務必注意去除多余無用的CSS代碼。