CSS3是Cascading Style Sheets(層疊樣式表)的第三個(gè)版本。它是前端開發(fā)中用來(lái)定義并控制網(wǎng)頁(yè)外觀和布局的樣式表語(yǔ)言。CSS3引入了許多新的功能,諸如陰影、圓角、動(dòng)畫等,使開發(fā)者能夠更加豐富和精細(xì)地控制網(wǎng)頁(yè)樣式。
.selector { box-shadow: 2px 2px 2px #ccc; border-radius: 5px; animation: slidein 1s ease-in-out; } @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } }
其中,box-shadow屬性用于為元素添加陰影效果,參數(shù)分別為水平偏移量、垂直偏移量、模糊半徑和顏色。border-radius屬性用于設(shè)置元素的圓角半徑,可以同時(shí)設(shè)置四個(gè)角的半徑或單獨(dú)設(shè)置每個(gè)角。
animation屬性用于為元素添加動(dòng)畫效果,需要定義動(dòng)畫名稱、持續(xù)時(shí)間和運(yùn)動(dòng)曲線。而@keyframes則用于定義動(dòng)畫的關(guān)鍵幀,描述動(dòng)畫從一個(gè)狀態(tài)到另一個(gè)狀態(tài)的過(guò)渡效果。
總體來(lái)說(shuō),CSS3為開發(fā)者提供了更多的樣式選擇和更好的樣式控制能力,使得網(wǎng)頁(yè)設(shè)計(jì)更加出色。