在制作網站時，CSS樣式表是不可或缺的一部分。CSS樣式表用于定義網站的布局、顏色、字體等樣式，同時也是優化網站性能的重要因素之一。下面我們將介紹如何優化CSS樣式表，使其更整潔優雅。

/* 避免重復代碼的出現 */
body {
font-size: 16px;
line-height: 1.5;
color: #333;
}
h1, h2, h3 {
font-weight: 700;
line-height: 1.2;
}
...

為了避免樣式表中出現重復的代碼，我們可以將公共的代碼提取出來，放在一個類似于reset.css或base.css的文件中，并在需要的頁面中引入該樣式表。

/* 使用語義化的類名 */
.header {
background: #333;
}
.menu {
float: left;
}
...

在命名CSS類名時，要使用語義化的名稱，可以讓代碼更加清晰易懂，也有利于SEO優化。例如使用.header來定義網站的頭部樣式，使用.menu來定義網站的菜單樣式。

/* 精簡CSS選擇器 */
ul >li a {
color: #333;
}
...

需要避免出現過于復雜的CSS選擇器，因為這樣會使樣式表變得臃腫而難以閱讀和維護。應該盡可能選擇簡單的選擇器，例如使用.hasClass來定義具有某一特定類的元素的樣式。

綜上所述，優化CSS樣式表是網站優化中非常重要的一部分，它可以使網站更加整潔、優雅，讓代碼更加易懂易維護，從而提升用戶體驗。