h5c3新特性

1、h5新特性和移除的元素

主要是關於圖像,位置,存儲,多任務等功能的增長web

新特性:websocket

1. 語義化標籤 (header, nav, footer, aside, article, section)session

2. 音頻、視頻 (audio(MP3, Wav, Ogg), video(MP4, WebM, Ogg))socket

3. 畫布 (Canvas)ide

4. 本地存儲 (LocalStorage, sessionStorage)佈局

5. 表單控件 (calendar, datetime, date, time, email, url, search, number, color, month, week)url

6. 新技術 (webworker, websocket, Geolocation)code

移除的元素:視頻

1. 純表現的元素 (basefont, big, center, font, s, strike, tt, u)io

2. 對可用性產生負面影響的元素 (frame, frameset, noframes)

2、CSS3新特性

1. 圓角(border-radius), 陰影(box-shadow)

2. 文字加特效(text-shadow), 線性漸變(gradient), 旋轉(transfrom)

3. transfrom:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg); // 旋轉,縮放,定位,傾斜

4. 多背景 rgba

5. 在CSS3中惟一引入的微元素是 ::selection

6. 媒體查詢, 多蘭佈局

7. border-image

8. 僞類

  • p:first-of-type 選擇屬於其父元素的首個 <p> 元素的每一個 <p> 元素。
  • p:last-of-type 選擇屬於其父元素的最後 <p> 元素的每一個 <p> 元素。
  • p:only-of-type 選擇屬於其父元素惟一的 <p> 元素的每一個 <p> 元素。
  • p:only-child 選擇屬於其父元素的惟一子元素的每一個 <p> 元素。
  • p:nth-child(2) 選擇屬於其父元素的第二個子元素的每一個 <p> 元素。
  • :enabled、:disabled 控制表單控件的禁用狀態。
  • :checked,單選框或複選框被選中。
相關文章
相關標籤/搜索