下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、css3新增的屬性有哪些css 用于控制網(wǎng)頁(yè)的樣式和布局。css3 是最新的 css 標(biāo)準(zhǔn)。css3新增了無(wú)數(shù)的屬性,下面一起來(lái)分析一下新增的一些屬性:1.css3邊框:border-radius:css3圓角邊框。在 css2 中添加圓角矩形需要技巧,我們必需為每個(gè)圓角用法不同的,在 css3 中,創(chuàng)建圓角是十分簡(jiǎn)單的,在 css3 中,border-radius 屬性用于創(chuàng)建圓角。border:2px solid;box-shadow:css3邊框陰影。在 css3 中,box-shadow 用于向方框添加陰影。box-shadow:10px 10px 5px 888888;border-
2、image:css3邊框。通過(guò) css3 的 border-image 屬性,您可以用法來(lái)創(chuàng)建邊框。border-image:url(border.png) 30 30 round;2.css3背景:background-size: 屬性規(guī)定背景的尺寸。在 css3 之前,背景的尺寸是由的實(shí)際尺寸打算的。在 css3 中,可以規(guī)定背景的尺寸,這就允許我們?cè)诓煌沫h(huán)境中重復(fù)用法背景。您能夠以像素或百分比規(guī)定尺寸。假如以百分比規(guī)定尺寸,那么尺寸相對(duì)于父元素的寬度和高度。background-origin :屬性規(guī)定背景的定位區(qū)域。背景可以放置于 content-box、padding-box 或
3、border-box 區(qū)域。3.css3文字效果:text-shadow:在 css3 中,text-shadow 可向文本應(yīng)用陰影。text-shadow:5px 5px 5px ffffff;word-wrap :單詞太長(zhǎng)的話就可能無(wú)法超出某個(gè)區(qū)域,允許對(duì)長(zhǎng)單詞舉行拆分,并換行到下一行:pword-wrap:break-word;4.css3 2d轉(zhuǎn)換:transform:通過(guò) css3 轉(zhuǎn)換,我們能夠?qū)υ嘏e行移動(dòng)、縮放、轉(zhuǎn)動(dòng)、拉長(zhǎng)或拉伸。translate():元素從其當(dāng)前位置移動(dòng),按照給定的 left(x 坐標(biāo)) 和 top(y 坐標(biāo)) 位置參數(shù):transform:translat
4、e(50px,100px);值 translate(50px,100px) 把元素從左側(cè)移動(dòng) 50 像素,從頂端移動(dòng) 100 像素。rotate():元素順時(shí)針旋轉(zhuǎn)給定的角度。允許負(fù)值,元素將逆時(shí)針旋轉(zhuǎn)。transform:rotate(30deg);值 rotate(30deg) 把元素順時(shí)針旋轉(zhuǎn) 30 度。scale():元素的尺寸會(huì)增強(qiáng)或削減,按照給定的寬度(x 軸)和高度(y 軸)參數(shù):transform:scale(2,4);值 scale(2,4) 把寬度轉(zhuǎn)換為原始尺寸的 2 倍,把高度轉(zhuǎn)換為原始高度的 4 倍。skew():元素轉(zhuǎn)動(dòng)給定的角度,按照給定的水平線(x 軸)和垂直線(
5、y 軸)參數(shù):transform:skew(30deg,20deg);值 skew(30deg,20deg) 圍繞 x 軸把元素轉(zhuǎn)動(dòng) 30 度,圍繞 y 軸轉(zhuǎn)動(dòng) 20 度。matrix() :matrix() 辦法把全部 2d 轉(zhuǎn)換辦法組合在一起。matrix() 辦法需要六個(gè)參數(shù),包含數(shù)學(xué)函數(shù),允許您:旋轉(zhuǎn)、縮放、移動(dòng)以及傾斜元素。5.css3 3d轉(zhuǎn)換:rotatex():元素圍繞其 x 軸以給定的度數(shù)舉行旋轉(zhuǎn)。transform:rotatex(120deg);rotatey():元素圍繞其 y 軸以給定的度數(shù)舉行旋轉(zhuǎn)。transform:rotatey(120deg);6.css3 過(guò)渡:當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果。7.css3動(dòng)畫(huà):通過(guò) css3,我們能夠創(chuàng)建動(dòng)畫(huà),這可以在許多網(wǎng)頁(yè)中取代動(dòng)畫(huà)、flash 動(dòng)畫(huà)以及 javascript。8.css3多列:column-count:屬性規(guī)定元素應(yīng)當(dāng)被分隔的列數(shù)。column-gap:屬性規(guī)定列之間的間隔。column-rule :屬性設(shè)置列之間的寬度、樣式和色彩規(guī)章。9.css3用戶界面:resize:屬性規(guī)定是否可由用戶調(diào)節(jié)元素尺寸。
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 工程造價(jià)課程設(shè)計(jì)全套
- 漏洞檢測(cè)的課程設(shè)計(jì)
- 測(cè)控技術(shù)與技術(shù)課程設(shè)計(jì)
- 光伏板工程承包合同
- 保險(xiǎn)精算服務(wù)合同
- 傳真件合同糾紛的和解協(xié)議履行與強(qiáng)制執(zhí)行
- 企業(yè)級(jí)員工培訓(xùn)效果評(píng)估與優(yōu)化方案合同
- 企業(yè)數(shù)據(jù)整合服務(wù)合同
- 人工智能輔助的智能新聞編輯與發(fā)布系統(tǒng)開(kāi)發(fā)合同
- 人工智能技術(shù)在電信領(lǐng)域中的應(yīng)用合同
- 適用于新高考新教材備戰(zhàn)2025屆高考語(yǔ)文一輪總復(fù)習(xí)復(fù)習(xí)任務(wù)群2小說(shuō)閱讀練案25熱點(diǎn)題材小說(shuō)閱讀
- 石油化工行業(yè)標(biāo)準(zhǔn)規(guī)范目錄(SH)
- 2 金木水火土(說(shuō)課)部編版語(yǔ)文一年級(jí)上冊(cè)
- 沈從文名著導(dǎo)讀《月下小景》
- 《中小學(xué)生創(chuàng)意寫(xiě)作課件》
- 腫瘤防治科普知識(shí)宣傳活動(dòng)方案
- 用戶體驗(yàn)行業(yè)分析
- 北師大版數(shù)學(xué)八年級(jí)上冊(cè)綜合與實(shí)踐《哪一款手機(jī)資費(fèi)套餐更合適》課件
- 2022 年初中生物課程標(biāo)準(zhǔn) word 版
- 小學(xué)數(shù)學(xué)(北師大版)二年級(jí)上冊(cè)《測(cè)量》單元作業(yè)設(shè)計(jì)
- 線上家紡銷售營(yíng)銷策劃方案
評(píng)論
0/150
提交評(píng)論