CSS的靈活性是眾所周知的，但是在不知道實際應用時，也很容易將CSS用得很糟糕。以下是一些CSS的誤用，這將可能會傷害你的站點的可訪問性和性能。

/* 不要使用!important覆蓋 */
.container {
width: 960px!important;
}
/* 不要使用全選擇器 */
* {
margin: 0;
padding: 0;
}
/* 不要使用帶單位的0值 */
.container {
margin: 0px;
}
/* 不要使用關鍵字的簡寫 */
.container {
margin: 0 0 10px 0;
}
/* 不要讓樣式過于復雜 */
.container h1 {
font-size: 36px;
line-height: 1.2;
margin: 20px 0;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
color: #333;
}
/* 不要對類名過于注重 */
.bg {
background: #f9f9f9;
text-align: center;
}
/* 不要使用@import */
@import url('style.css');

避免這些錯誤非常重要，因為它們會增加CSS的文件大小、降低了性能，甚至導致樣式無法生效、無法被維護。如果你注意并避免這些錯誤，你將能構建出一個更有效率和可維護的站點。