CSS3是CSS技術(shù)的最新版本，它擁有強(qiáng)大的新功能，這使得網(wǎng)頁(yè)開發(fā)更加容易和有趣。本文將介紹一些CSS3的基本知識(shí)和常用 CSS 屬性。

CSS3的新功能包括圓角邊框，漸變顏色和陰影效果，這使得網(wǎng)頁(yè)的設(shè)計(jì)更加美觀。我們還可以使用動(dòng)畫和過渡效果來(lái)增強(qiáng)用戶體驗(yàn)，如下面這個(gè)例子：

.box{
width: 100px;
height: 100px;
background-color: #ff0000;
transition: background-color 2s ease-in-out;
}
.box:hover{
background-color: #00ff00;
}

在上面的例子中，當(dāng)鼠標(biāo)懸停在 div 元素上時(shí)，它的背景顏色將從紅色變?yōu)榫G色。我們可以在 transition 屬性中指定過渡的 CSS 屬性，時(shí)長(zhǎng)和緩動(dòng)函數(shù)。

另外，CSS3 還引入了一些新單位，如 em、rem 和 vh/vw。em和rem用于定義相對(duì)字體大小，vh/vw用于定義相對(duì)于視口的長(zhǎng)度和寬度。

下面是一個(gè)示例，利用vh單位實(shí)現(xiàn)全屏背景圖像的效果：

.bg-image{
background-image: url('image.jpg');
background-size: cover;
height: 100vh;
}

CSS3使得Web設(shè)計(jì)變得更加靈活，同時(shí)也增加了樣式代碼的復(fù)雜度。我們需要持續(xù)學(xué)習(xí)新的 CSS 屬性和技巧，才能更好地應(yīng)對(duì)不斷變化的Web設(shè)計(jì)需求。