本篇文章給大家談?wù)刢ss3,以及css3新特性有哪些對(duì)應(yīng)的知識(shí)點(diǎn),希望對(duì)各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
css3的選擇器有哪些?
1、標(biāo)簽選擇器,也稱為元素選擇器。標(biāo)簽選擇器的基本形式如下:tagName{property:value},其中tagName是標(biāo)簽名稱,property是css的屬性。類選擇器。
2、only-child選擇器,在元素只有一個(gè)子元素時(shí),可以代替使用 nth-child(1)/nth-last-child(1) 。
3、:not(:first-child):其中,E:not(s)表示匹配所有不匹配簡(jiǎn)單選擇符s的元素E,E:first-child匹配同級(jí)兄弟元素中的第一個(gè)E元素。
介紹CSS3中的幾個(gè)新技術(shù)
1、五:CSS3變換定義:讓一個(gè)元素在一個(gè)坐標(biāo)系統(tǒng)中變形,這個(gè)屬性包含一系列的變形函數(shù),可以移動(dòng),旋轉(zhuǎn),縮放元素。六:CSS3動(dòng)畫定義:使元素從一種樣式逐漸變化到另外一種樣式的效果。
2、CSS3圓角表格圓角表格,對(duì)應(yīng)屬性:border-radius。以往對(duì)網(wǎng)頁(yè)上的文字加特效只能用filter這個(gè)屬性,這次CSS3中專門制訂了一個(gè)加文字特效的屬性,而且不止加陰影這種效果。對(duì)應(yīng)屬性:font-effect。
3、CSS filter fileter并非IE的過(guò)濾器,是CSS3中新添加的屬性。
css3新特性有哪些
CSS3圓角表格圓角表格,對(duì)應(yīng)屬性:border-radius。以往對(duì)網(wǎng)頁(yè)上的文字加特效只能用filter這個(gè)屬性,這次CSS3中專門制訂了一個(gè)加文字特效的屬性,而且不止加陰影這種效果。對(duì)應(yīng)屬性:font-effect。
[class~=flower] 選擇 title 屬性包含單詞 flower 的所有元素。 [class|=box] 選擇 lang 屬性值以 box 開頭的所有元素。 :focus 選擇獲得焦點(diǎn)的 input 元素。
H5的新特性: 用于繪畫 canvas 元素。 用于媒介回放的 video 和 audio 元素。 本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除。
CSS filter fileter并非IE的過(guò)濾器,是CSS3中新添加的屬性。
IE8/IE7/IE6支持通過(guò)document.方法產(chǎn)生的標(biāo)簽,利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽。
CSS3都有哪些新特性呢?
1、CSS3圓角表格圓角表格,對(duì)應(yīng)屬性:border-radius。以往對(duì)網(wǎng)頁(yè)上的文字加特效只能用filter這個(gè)屬性,這次CSS3中專門制訂了一個(gè)加文字特效的屬性,而且不止加陰影這種效果。對(duì)應(yīng)屬性:font-effect。
2、css3新屬性:RGBA和透明度 RGBA是RGB色彩模型的一個(gè)擴(kuò)展。
3、[class~=flower] 選擇 title 屬性包含單詞 flower 的所有元素。 [class|=box] 選擇 lang 屬性值以 box 開頭的所有元素。 :focus 選擇獲得焦點(diǎn)的 input 元素。
css3的介紹就聊到這里吧,感謝你花時(shí)間閱讀本站內(nèi)容,更多關(guān)于css3新特性有哪些、css3的信息別忘了在本站進(jìn)行查找喔。