CSS3有什么新特性

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

“真誠服務(wù)，讓網(wǎng)絡(luò)創(chuàng)造價值”是我們的服務(wù)理念，創(chuàng)新互聯(lián)公司團(tuán)隊10多年如一日始終堅持在網(wǎng)站建設(shè)領(lǐng)域,為客戶提供優(yōu)質(zhì)服。不管你處于什么行業(yè)，助你輕松跨入“互聯(lián)網(wǎng)+”時代，PC網(wǎng)站+手機網(wǎng)站+公眾號+小程序制作。

一、RGBA和透明度

RGBA是RGB色彩模型的一個擴展。在本質(zhì)上看也是為設(shè)置的元素增加了一個alpha通道，即除了紅綠藍(lán)三種顏色外還增加一個代表透明度的通道，其中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屬性允許長單詞或URL地址換行到下一行。

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

基礎(chǔ)語法：

word-wrap:normal|break-word;

四、text-shadow屬性

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

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

text-shadow：5px5px5px#FF0000;

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

五、font-face屬性

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

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

六、border-radius屬性

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

基礎(chǔ)語法：

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

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

七、border-image屬性

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

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

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

八、box-shadow屬性

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

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

box-shadow:10px10px5px#888888

九、媒體查詢

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

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

當(dāng)前題目：CSS3有什么新特性
文章地址：http://muchs.cn/article42/gedhhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站建設(shè)、服務(wù)器托管、外貿(mào)建站、網(wǎng)站維護(hù)、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)