h5c3新特性

3,766 阅读1分钟

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

主要是关于图像,位置,存储,多任务等功能的增加

新特性:

1. 语义化标签 (header, nav, footer, aside, article, section)

2. 音频、视频 (audio(MP3, Wav, Ogg), video(MP4, WebM, Ogg))

3. 画布 (Canvas)

4. 本地存储 (LocalStorage, sessionStorage)

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

6. 新技术 (webworker, websocket, Geolocation)

移除的元素:

1. 纯表现的元素 (basefont, big, center, font, s, strike, tt, u)

2. 对可用性产生负面影响的元素 (frame, frameset, noframes)

二、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,单选框或复选框被选中。