H5、CSS3整理

h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。

- h5新增的标签

新增元素说明

video表示一段视频并提供播放的用户界面

audio表示音频

canvas表示位图区域

source为video和audio提供数据源

track为video和audio指定字母

svg定义矢量图

code代码段

figure和文档有关的图例

figcaption图例的说明

main

time日期和时间值

mark高亮的引用文字

datalist提供给其他控件的预定义选项

keygen秘钥对生成器控件

output计算值

progress进度条

menu菜单

embed嵌入的外部资源

menuitem用户可点击的菜单项

menu菜单

template

section

nav

aside

article

footer

header

- css3

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

选择器

框模型

背景和边框

border-radius、box-shadow、border-image、

background-size：规定背景图片的尺寸

background-origin：规定背景图片的定位区域

background-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