CSS3是層疊樣式表語(yǔ)言的最新發(fā)展，旨在擴(kuò)展CSS2.1。 它帶來(lái)了許多期待已久的新穎性，例如圓角，陰影，漸變，過(guò)渡或動(dòng)畫，以及新的布局，例如多列，靈活的框或網(wǎng)格布局。 實(shí)驗(yàn)的特性帶有廠商前綴，應(yīng)避免在生產(chǎn)環(huán)境中使用，或者應(yīng)格外小心，因?yàn)樗鼈兊恼Z(yǔ)法和語(yǔ)義將來(lái)都可能發(fā)生變化。
CSS3的新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實(shí)現(xiàn)透明效果、漸變效果、使用@Font-Face實(shí)現(xiàn)定制字體、多背景圖、文字或圖像的變形處理（旋轉(zhuǎn)、縮放、傾斜、移動(dòng)）、多欄布局、媒體查詢等。
CSS 用于控制網(wǎng)頁(yè)的樣式和布局。
CSS3 是最新的 CSS 標(biāo)準(zhǔn)。
本教程向您講解 CSS3 中的新特性。
CSS3 動(dòng)畫示例,演示一個(gè)紅色背景和綠色背景變幻的動(dòng)畫。
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
-webkit-animation: myfirst 6s; /* Chrome, Safari, Opera */
animation: myfirst 5s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
from {background: red;}
to {background: green;}
}
@keyframes myfirst {
from {background: red;}
to {background: green;}
}
</style>
</head>
<body>
<p><b>注意:</b> IE 9 和早期版本不支持 CSS3 動(dòng)畫屬性. </p>
<div></div>
</body>
</html>
測(cè)試看看 ?/?在菜鳥教程中，我們提供完整的 CSS3 參考手冊(cè)，包括所有屬性和元素選擇器的語(yǔ)法、示例、瀏覽器支持信息。