CSS3有什么新特性

這篇文章給大家分享的是有關CSS3有什么新特性的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　一、RGBA和透明度

　　RGBA是RGB色彩模型的一個擴展。在本質上看也是為設置的元素增加了一個alpha通道，即除了紅綠藍三種顏色外還增加一個代表透明度的通道，其中RGB值分別表示紅色、綠色、藍色，而alpha取值則為0到1（小數位一位）。

　　二、background屬性

　　background-image：設置元素的背景圖像。

　　background-origin：規定背景圖片的定位區域。

　　background-size：規定背景圖片的尺寸。

　　background-repeat：設置是否及如何重復背景圖像。

　　三、word-wrap屬性

　　word-wrap屬性允許長單詞或URL地址換行到下一行。

　　注：所有主流瀏覽器都支持word-wrap屬性。

　　基礎語法：

　　word-wrap:normal|break-word;

　　四、text-shadow屬性

　　text-shadow屬性：向文本設置陰影。

　　text-shadow基礎語法：

　　text-shadow：5px5px5px#FF0000;

　　參數分別表示：水平陰影，垂直陰影，模糊距離，陰影顏色；

　　五、font-face屬性

　　font-face屬性：定義自己的字體

　　在新的@font-face規則中，您必須首先定義字體的名稱（比如myFirstFont），然后指向該字體文件。

　　六、border-radius屬性

　　border-radius屬性：是一個簡寫屬性，用于設置四個border-*-radius屬性。

　　基礎語法：

　　border-radius:1-4length|%/1-4length|%;

　　注：該屬性允許您為元素添加圓角邊框！

　　七、border-image屬性

　　border-image：將圖片規定為包圍div元素的邊框

　　border-image基礎語法：

　　border-image:url(border.png)3030round

　　八、box-shadow屬性

　　box-shadow屬性：向框添加一個或多個陰影。（盒陰影）

　　box-shadow基礎語法：

　　box-shadow:10px10px5px#888888

　　九、媒體查詢

　　媒體查詢定義兩套css，當瀏覽器的尺寸變化時會采用不同的屬性。

感謝各位的閱讀！關于“CSS3有什么新特性”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！