- 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
