国产成人精品三级麻豆,色综合天天综合高清网,亚洲精品夜夜夜,国产成人综合在线女婷五月99播放,色婷婷色综合激情国产日韩

當(dāng)前位置:首頁 > 嵌入式培訓(xùn) > 嵌入式學(xué)習(xí) > 講師博文 > CSS3新增屬性

CSS3新增屬性 時間:2018-09-27      來源:未知

本文引用地址://www.mairao.cn/emb/Column/7564.html

1:CSS3是什么?

CSS3是CSS2的升級版本,在CSS2.1的基礎(chǔ)上增加了很多功能,目前來說,大部分主流瀏覽器如Chrome,F(xiàn)irefox,Opera,Safari,360等都已經(jīng)支持大部分的CSS3的功能。

2:CSS3能做什么?

那么CSS3究竟可以做到哪些效果呢?大體總結(jié)來說有圖片圓角,邊框,文本和盒模型的陰影設(shè)置,2D和3D的轉(zhuǎn)換,過渡和動畫,伸縮布局和多列布局。CSS3把很多以前需要使用圖片和腳本來實(shí)現(xiàn)的效果,甚至動畫效果,只需要一些簡短的代碼就可以實(shí)現(xiàn)同樣的效果,簡化了前端開發(fā)人員的設(shè)計(jì)過程,加快頁面載入速度。

3:CSS3效果展示

圓角效果

以前做圓角通常要使用固定的背景圖片,或用元素進(jìn)行拼湊,在CSS3中通過border-radius就可以設(shè)置圓角。

 

陰影效果

在CSS3中可以通過text-shadow和box-shadow分別來給文字和盒模型設(shè)置陰影效果?梢酝ㄟ^該屬性快速的設(shè)置陰影的效果。

 

漸變效果

CSS3中可以通過漸變來實(shí)現(xiàn)絢麗的效果,減少圖片的使用,適應(yīng)性和擴(kuò)展性比較強(qiáng)。漸變分為線性漸變和徑向漸變。

 

過渡

過渡是可以實(shí)現(xiàn)元素在不同狀態(tài)之間切換時能更加平滑細(xì)膩,可以用來制作動畫效果。

轉(zhuǎn)換

將元素可以進(jìn)行多種變換方式,旋轉(zhuǎn)rotate,變形skew,縮放scale,位移translate等,并且還可以通過矩陣的方式來進(jìn)行設(shè)置。結(jié)合過渡和動畫等,能取代大量之前只能靠Flash才可以實(shí)現(xiàn)的效果。

動畫

可通過設(shè)置多個節(jié)點(diǎn)來精確控制一個或一組動畫,常用來實(shí)現(xiàn)復(fù)雜的動畫效果。

伸縮布局

使得我們對塊級元素的布局排列變得十分靈活,適應(yīng)性非常強(qiáng),其強(qiáng)大的伸縮性,在響應(yīng)式開中可以發(fā)揮極大的作用。

多欄布局

可以讓你不用使用多個div標(biāo)簽就能實(shí)現(xiàn)多欄布局。瀏覽器解釋這個屬性并生成多欄,讓文本實(shí)現(xiàn)一個仿報(bào)紙的多欄結(jié)構(gòu)。

上一篇:Android設(shè)備中的內(nèi)部存儲和外部存儲

下一篇:Linux內(nèi)核中Makefile、Kconfig和.config的關(guān)系

熱點(diǎn)文章推薦
華清學(xué)員就業(yè)榜單
高薪學(xué)員經(jīng)驗(yàn)分享
熱點(diǎn)新聞推薦
前臺專線:010-82525158 企業(yè)培訓(xùn)洽談專線:010-82525379 院校合作洽談專線:010-82525379 Copyright © 2004-2022 北京華清遠(yuǎn)見科技集團(tuán)有限公司 版權(quán)所有 ,京ICP備16055225號-5京公海網(wǎng)安備11010802025203號

回到頂部