在網頁設計中，CSS是相當重要的一環。然而，在優秀的CSS設計之外，同樣需要考慮CSS的性能問題。在編寫CSS時，需要避免一些性能殺手，以提高頁面的性能。

以下是一些常見的CSS性能殺手：

/* 1.使用全局選擇器 */
* { margin: 0; padding: 0; }
/* 2.使用后代選擇器 */
nav ul li { ... }
/* 3.使用不必要的樣式 */
body { font-family: Arial, sans-serif; }
/* 4.使用大量的樣式表 *//* 5.使用復雜的選擇器 */
.header nav ul li a:hover { ... }
/* 6.使用!important */
h1 { color: red !important; }
/* 7.使用 @import */
@import url(style.css);
/* 8.使用過多的CSS注釋 */
/* 這是一個注釋 */
/* 9.使用過多的CSS hack */
/* IE hack */
.header { margin-top: 20px\9; }
/* 10.使用多余的CSS圖片 */
background-image: url(bg.png);

這些CSS性能殺手都可能引起頁面性能問題。但是，要注意，并不是所有的CSS寫法都會導致性能問題。有些CSS技巧可以提高頁面性能，例如：

/* 1.使用ID選擇器 */
#header { ... }
/* 2.使用類選擇器 */
.header { ... }
/* 3.使用和標簽名一起的類選擇器 */
div.header { ... }
/* 4.使用簡單選擇器 */
a { ... }
/* 5.使用有效的樣式表 *//* 6.縮小選擇器范圍 */
.header ul li a { ... } ->.header a { ... }
/* 7.使用角度度量顏色 */
color: hsl(240, 100%, 50%);
/* 8.避免使用!important */
h1 { color: red; }
/* 9.避免使用 @import *//* 10.使用CSS sprite */
.logo { background-position: -50px 0; }

總的來說，優秀的CSS設計需要考慮頁面性能。避免使用CSS性能殺手，合理地使用CSS設計技巧，以提高頁面性能。