在CSS中，我們可以使用事件選擇器為不同的HTML元素添加特定的樣式，這些事件包括鼠標(biāo)移動(dòng)、鍵盤(pán)敲擊、頁(yè)面加載等等。下面我們來(lái)詳細(xì)介紹幾種常用的事件選擇器。

/* 鼠標(biāo)移動(dòng)事件 */
元素:hover {
/* 鼠標(biāo)移上去后的樣式 */
}
/* 鼠標(biāo)點(diǎn)擊事件 */
元素:active {
/* 鼠標(biāo)點(diǎn)擊后的樣式 */
}
/* 鍵盤(pán)敲擊事件 */
元素:focus {
/* 鼠標(biāo)點(diǎn)擊后的樣式 */
}
/* 頁(yè)面加載事件 */
body:load {
/* 頁(yè)面加載完成后的樣式 */
}
/* 頁(yè)面卸載事件 */
body:unload {
/* 離開(kāi)頁(yè)面前的樣式 */
}
/* 輸入框獲取焦點(diǎn)事件 */
input:focus {
/* 輸入框獲取焦點(diǎn)后的樣式 */
}

使用事件選擇器可以使我們?cè)谟脩?hù)交互方面有更多的自由度，為頁(yè)面的交互設(shè)計(jì)提供更多的可能性。