HTML5 CSS3新特性

H5 新特性

  1. 语义化标签:header、footer、section、nav、aside、article
  2. 增强型表单:input 的多个 type
  3. 新增表单元素:datalist、keygen、output
  4. 新增表单属性:placehoder、required、min 和 max
  5. 音频视频:audio、video
  6. canvas
  7. 地理定位
  8. 拖拽
  9. 本地存储:localStorage - 没有时间限制的数据存储;sessionStorage - 针对一个 session 的数据存储,当用户关闭浏览器窗口后,数据会被删除
  10. 新事件:onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause
  11. WebSocket:单个 TCP 连接上进行全双工通讯的协议

    CSS3 新特性

  12. 选择器
  13. 文本效果
  14. 2D/3D 转换
  15. 动画、过渡
  16. 多列布局
  17. 用户界面
  18. 背景:
    background-size:规定背景图片的尺寸(cover:填充;100% 100%:拉伸)
    background-origin:规定背景图片的定位区域
    对于 background-origin 属性,有如下属性
    背景图片可以放置于 content-box、padding-box 或 border-box 区域
  19. 边框:
    border-radius:圆角
    box-shadow / text-shadow:阴影
    border-image:边框图片

你可能感兴趣的:(HTML5 CSS3新特性)