CSS3有什么新特性

這篇文章給大家分享的是有關(guān)CSS3有什么新特性的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

　　一、RGBA和透明度

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

　　二、background屬性

　　background-image：設(shè)置元素的背景圖像。

　　background-origin：規(guī)定背景圖片的定位區(qū)域。

　　background-size：規(guī)定背景圖片的尺寸。

　　background-repeat：設(shè)置是否及如何重復(fù)背景圖像。

　　三、word-wrap屬性

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

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

　　基礎(chǔ)語(yǔ)法：

　　word-wrap:normal|break-word;

　　四、text-shadow屬性

　　text-shadow屬性：向文本設(shè)置陰影。

　　text-shadow基礎(chǔ)語(yǔ)法：

　　text-shadow：5px5px5px#FF0000;

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

　　五、font-face屬性

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

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

　　六、border-radius屬性

　　border-radius屬性：是一個(gè)簡(jiǎn)寫屬性，用于設(shè)置四個(gè)border-*-radius屬性。

　　基礎(chǔ)語(yǔ)法：

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

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

　　七、border-image屬性

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

　　border-image基礎(chǔ)語(yǔ)法：

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

　　八、box-shadow屬性

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

　　box-shadow基礎(chǔ)語(yǔ)法：

　　box-shadow:10px10px5px#888888

　　九、媒體查詢

　　媒體查詢定義兩套css，當(dāng)瀏覽器的尺寸變化時(shí)會(huì)采用不同的屬性。

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