CSS3中偽類和偽元素的使用可以優(yōu)化Web頁面的顯示效果，提高用戶的瀏覽體驗(yàn)。

偽類用于給特定狀態(tài)下的元素添加樣式，常見的偽類有:hover、:active、:focus等。

a:hover {
text-decoration:underline;
}

上述代碼表示當(dāng)鼠標(biāo)懸停在鏈接上時(shí)，鏈接文字會(huì)有下劃線效果。

偽元素則用于給特定位置的元素添加樣式，常見的偽元素有::before和::after等。

p::before {
content:"";
display:block;
height:10px;
background-color:#ccc;
}

上述代碼表示在每個(gè)段落的前面添加一個(gè)高度為10像素、背景為灰色的空塊。

需要注意的是，偽元素只存在于元素的虛擬樹中，并不會(huì)直接影響到DOM樹或布局。

總的來說，CSS3的偽類和偽元素為Web設(shè)計(jì)師提供了更多的樣式選擇器，可以讓頁面更加豐富多彩。