CSS3是CSS（Cascading Style Sheets）的第3個版本，它有許多新內(nèi)容。下面我們來了解一下CSS3的新特性。

/* CSS3樣式圓角 */
border-radius: 5px;
/* CSS3陰影效果 */
box-shadow: 5px 5px 5px #ccc;
/* CSS3漸變效果 */
background: linear-gradient(to bottom, #fff, #000);
/* CSS3動畫 */
@keyframes move{
from{margin-left: 0px}
to{margin-left: 500px}
}
div{animation: move 5s infinite;}
/* CSS3過渡 */
div{
width: 100px;
height: 100px;
background-color: red;
-webkit-transition: width 2s, height 2s;
transition: width 2s, height 2s;
}
div:hover{
width: 300px;
height: 300px;
}
/* CSS3媒體查詢 */
@media screen and (max-width: 768px){
body{font-size: 16px;}
img{width: 100%;}
}
/* CSS3選擇器 */
input[type='text']{background-color: yellow;}

除此之外，CSS3還有更多新特性，如多列布局、Flexbox布局、自定義字體等等。這些新特性讓我們可以更加靈活地設計和布局網(wǎng)頁，為用戶帶來更好的體驗。但需要注意的是，由于不同瀏覽器的支持度不同，有些特性需要加上前綴或者使用Polyfill來實現(xiàn)。