在CSS中，我們可以通過“套用樣式”的方式來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行美化。所謂套用樣式，即將一個(gè)樣式定義放入另一個(gè)選擇器定義的樣式中，實(shí)現(xiàn)兩個(gè)樣式共同作用的效果。

在CSS中，套用樣式有兩種方式：繼承和層疊。繼承表示子元素可以繼承其父元素的樣式，這在實(shí)際開發(fā)中非常實(shí)用，可以減少代碼的重復(fù)。而層疊則是指同一元素上多個(gè)選擇器共同作用的效果，會(huì)按照優(yōu)先級(jí)順序來(lái)解析。

/* 繼承 */
.parent {
font-size: 14px;
color: #333;
}
.child {
margin-top: 10px;
}
/* 子元素繼承父元素樣式 */
.child p {
font-size: inherit;
color: inherit;
}
/* 層疊 */
.title {
font-size: 22px !important; /* 強(qiáng)制覆蓋其他樣式 */
}
.subtitle {
font-size: 18px;
}
/* 優(yōu)先級(jí)：id選擇器>class選擇器>元素選擇器 */
#content .title {
color: #333;
}
.content .title {
color: #666;
}
.content h2.title {
color: #999;
}

在上面的代碼中，我們實(shí)現(xiàn)了繼承和層疊兩種套用樣式的方式。其中，我們定義了父元素的字體大小和顏色，在子元素中使用inherit繼承這些樣式，減少了代碼的重復(fù)。

而在層疊部分，我們定義了三個(gè)選擇器分別對(duì)標(biāo)題的字體大小和顏色進(jìn)行了操作。在優(yōu)先級(jí)相等的情況下，id選擇器>class選擇器>元素選擇器，故最終的標(biāo)題字體大小為22px，顏色為#333。