H5新增标签、CSS3新增属性总结

一、H5新增标签

新增元素	说明
video	表示一段视频并提供播放的用户界面
audio	表示音频
canvas	表示位图区域
source	为video和audio提供数据源
track	为video和audio指定字母
svg	定义矢量图
code	代码段
figcaption	主内容区
main	文档主题
time	日期和时间值
mark	高亮的引用文字
datalist	提供给其他控件的预定义选项
keygen	秘钥对生成器控件
output	计算值
progress	进度条
menu	菜单
embed	嵌入的外部资源
menuitem	菜单
template	声明是模块元素
section	独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分
nav	导航条部分信息
aside	标签内容之外与标签内容相关的辅助信息
article	特殊独立区块，表示这篇页眉中的核心内容
footer/header	底部信息/头部信息

二、CSS3新增属性

css3被划分为模块，最重要的几个模块包括：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

border边框

新增属性	说明
border-radius	边框圆角
border-shadow	边框阴影
border-image	边框图片
background-size	规定背景图片的尺寸
border-origin	规定背景图片的定位区域
border-clip	规定背景的绘制区域

文本效果(常用)

text-shadow：设置文字阴影

word-wrap：强制换行

word-break：规定自动换行的处理方法

css3提出@font-face规则，规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3D转换

transform：向元素应用2/3D转换

transition：过渡

动画

@keyframes规则：

animation、animation-name、animation-duration等

用户界面(常用)

box-sizing、resize

css3新增伪类

：nth-child()

：nth-last-child()

：only-child

：last-child

：nth-of-type()

：only-of-type()

：empty

：target 这个伪类允许我们选择基于URL的元素，如果这个元素有一个识别器(比如跟着一个#)，那么:target会对使用这个ID识别器的元素增加样式。

：enabled

：disabled

：checked

：not