CSS 樣式表是網頁設計中不可或缺的一部分，但是它也可能導致頁面加載速度變慢。為了優化 CSS 樣式表，下面介紹一些方法。 1.壓縮 CSS 將 CSS 樣式表壓縮可以減小文件大小，從而提高頁面加載速度。可以使用在線工具或者將樣式表壓縮后再上傳到服務器。壓縮后的樣式表可以使用 pre 標簽展示如下：

.header {
background: #333;
color: #fff;
padding: 10px;
}

2.選擇器優化 盡可能避免使用后代選擇器和通用選擇器，它們會導致 CSS 解析緩慢。選擇器的優化可以減少樣式表大小，從而減少頁面加載時間。

/* 不好的選擇器 */
ul li a {
color: #333;
}
/* 好的選擇器 */
.navigation-link {
color: #333;
}

3.提取公共樣式 將多個元素的公共樣式提取出來，避免重復的代碼。這可以通過類或者 ID 來實現。

/* 不好的代碼 */
h1 {
font-size: 32px;
text-align: center;
color: #333;
}
h2 {
font-size: 24px;
text-align: center;
color: #333;
}
/* 好的代碼 */
.title {
font-size: 32px;
text-align: center;
color: #333;
}
.subtitle {
font-size: 24px;
text-align: center;
color: #333;
}

4.減少使用嵌套 盡可能減少使用嵌套樣式，因為嵌套樣式會增加CSS解析的復雜度。

/* 不好的代碼 */
header .navigation a {
color: #333;
}
/* 好的代碼 */
.navigation-link {
color: #333;
}

5.刪除未使用樣式 刪除未使用的樣式可以減少樣式表的大小，從而優化頁面加載速度。

/* 刪除未使用的樣式 */
.header {
background: #333;
color: #fff;
padding: 10px;
}
.footer {
background: #f2f2f2;
color: #333;
padding: 10px;
}

通過這些優化方法，可以讓 CSS 樣式表更加高效，從而提高網頁的加載速度。