「css3」css3新特性有哪些

2023-08-26 12:12:07 76

本篇文章給大家談?wù)刢ss3，以及css3新特性有哪些對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

1、css3的選擇器有哪些?
2、介紹CSS3中的幾個新技術(shù)
3、css3新特性有哪些
4、CSS3都有哪些新特性呢?

css3的選擇器有哪些?

1、標簽選擇器，也稱為元素選擇器。標簽選擇器的基本形式如下：tagName{property：value}，其中tagName是標簽名稱，property是css的屬性。類選擇器。

2、only-child選擇器，在元素只有一個子元素時，可以代替使用 nth-child(1)/nth-last-child(1) 。

3、：not(：first-child)：其中，E：not(s)表示匹配所有不匹配簡單選擇符s的元素E，E：first-child匹配同級兄弟元素中的第一個E元素。

介紹CSS3中的幾個新技術(shù)

1、五：CSS3變換定義：讓一個元素在一個坐標系統(tǒng)中變形，這個屬性包含一系列的變形函數(shù)，可以移動，旋轉(zhuǎn)，縮放元素。六：CSS3動畫定義：使元素從一種樣式逐漸變化到另外一種樣式的效果。

2、CSS3圓角表格圓角表格，對應(yīng)屬性：border-radius。以往對網(wǎng)頁上的文字加特效只能用filter這個屬性，這次CSS3中專門制訂了一個加文字特效的屬性，而且不止加陰影這種效果。對應(yīng)屬性：font-effect。

3、CSS filter fileter并非IE的過濾器，是CSS3中新添加的屬性。

css3新特性有哪些

CSS3圓角表格圓角表格，對應(yīng)屬性：border-radius。以往對網(wǎng)頁上的文字加特效只能用filter這個屬性，這次CSS3中專門制訂了一個加文字特效的屬性，而且不止加陰影這種效果。對應(yīng)屬性：font-effect。

[class~=flower] 選擇 title 屬性包含單詞 flower 的所有元素。 [class|=box] 選擇 lang 屬性值以 box 開頭的所有元素。：focus 選擇獲得焦點的 input 元素。

H5的新特性：用于繪畫 canvas 元素。用于媒介回放的 video 和 audio 元素。本地離線存儲 localStorage 長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失；sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除。

CSS filter fileter并非IE的過濾器，是CSS3中新添加的屬性。

IE8/IE7/IE6支持通過document.方法產(chǎn)生的標簽，利用這一特性讓這些瀏覽器支持HTML5新標簽。