在CSS中，我們可以通過“套用樣式”的方式來對網頁進行美化。所謂套用樣式，即將一個樣式定義放入另一個選擇器定義的樣式中，實現兩個樣式共同作用的效果。

在CSS中，套用樣式有兩種方式：繼承和層疊。繼承表示子元素可以繼承其父元素的樣式，這在實際開發中非常實用，可以減少代碼的重復。而層疊則是指同一元素上多個選擇器共同作用的效果，會按照優先級順序來解析。

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

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

而在層疊部分，我們定義了三個選擇器分別對標題的字體大小和顏色進行了操作。在優先級相等的情況下，id選擇器>class選擇器>元素選擇器，故最終的標題字體大小為22px，顏色為#333。