CSS樣式是設計網頁的關鍵，樣式合并則是優化樣式的一個重要手段。合并樣式可以大幅精簡代碼量，提高網頁的加載速度。

樣式合并包括以下三種方法：

1. 合并同類樣式
p {
font-size: 16px;
line-height: 1.5;
color: #333;
}
h1, h2, h3 {
font-weight: bold;
color: #666;
}

上述代碼中，p標簽和h1、h2、h3標簽的樣式都有相同的部分，可以合并為：

p, h1, h2, h3 {
color: #333;
}
p {
font-size: 16px;
line-height: 1.5;
}
h1, h2, h3 {
font-weight: bold;
color: #666;
}

2. 合并相鄰樣式

.box1 {
margin-top: 20px;
padding-left: 10px;
}
.box2 {
margin-top: 20px;
border: 1px solid #ccc;
}

上述代碼中，box1和box2的margin-top樣式相同，可以合并為：

.box1 {
margin-top: 20px;
padding-left: 10px;
}
.box2 {
border: 1px solid #ccc;
margin-top: 0;
}

3. 合并簡寫樣式

.box {
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.box {
margin: 20px 10px;
}

上述代碼中，可以將四種margin樣式合并為一種，簡化代碼。

綜上，合并樣式對于優化代碼和提高網頁性能非常重要。在設計網頁時，應該注重樣式合并的使用。