h5和css3有哪些新特性

h5新功能：拖曳釋放API、語意化標籤、音訊和視訊API、畫布API、地理API、表單控制項等。 css3新特性：1、RGBA和HSLA；2、text-shadow；3、border-radius和box-shadow、box-sizing等。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html5是建構Web內容的一種語言描述方式。 html5是網路的下一代標準。 css3是css（層疊樣式表）技術的升級版本。下面我們來看看HTML5餘css3的新功能。

CSS3新特性:

1.顏色：新增RGBA，HSLA模式

2. 文字陰影（text-shadow）

3.邊框： 圓角（border-radius）邊框陰影： box-shadow

#4. 盒子模型：box-sizing

5. 背景：background-size 設定背景圖片的尺寸background-origin 設定背景圖片的原點

background-clip 設定背景圖片的裁切區域，以”，”分隔可以設定多背景，用於自適應佈局

6.漸變：linear-gradient、radial-gradient

7.過渡：transition，可實現動畫

#8. 自訂動畫

9. 在CSS3中唯一引入的偽元素是：：selection.

10.媒體查詢，多欄佈局

11. border-image

12.2D轉換：transform：translate(x，y) rotate (x，y) skew(x，y) scale(x，y)

13. 3D轉換

CSS3新增偽類別：

#p:first-of-type 選擇屬於其父元素的首個

元素的每個

元素。

p:last-of-type 選擇屬於其父元素的最後

元素的每個

元素。

p:only-of-type 選擇屬於其父元素唯一的

元素的每個

元素。

p:only-child 選擇屬於其父元素的唯一子元素的每個

元素。

p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個

元素。

:enabled、:disabled 控製表單控制項的停用狀態。

:checked，單選方塊或複選框被選取。

html5 新功能：

1. 拖曳釋放(Drag and drop) API

2. 語意化更好的內容標籤（header ,nav,footer,aside,article,section）

3. 音訊、視訊API(audio,video)

4. 畫布(Canvas) API

#5. 地理(Geolocation) API

6. 本地離線儲存 localStorage 長期儲存數據，瀏覽器關閉後資料不遺失；

7. sessionStorage 的資料在瀏覽器關閉後自動刪除

8. 表單控件，calendar、date、time、email、url、search

9. 新的技術webworker, websocket, Geolocation

更多程式相關知識，請造訪：程式設計入門！ ！

以上是h5和css3有哪些新特性的詳細內容。更多資訊請關注PHP中文網其他相關文章！