HTML5新特性：
<header>头部标签
<nav>导航标签
<article>内容标签
<section>定义文档某个区域
<aside>侧边栏标签
<footer>尾部标签
<video>视频 *MP4 webm ogg
autoplay:视频是否自动播放
muted：是否为静音播放
controls：显示播放控件
loop：播放完是否继续播放
preload：是否预加载视频，如果有了auto 就忽略该属性 auto预先加载 none不加载
src：url：视频地址
poster：imgurl；加载等待的画面图片
<audio>音频 *MP3 wav ogg
autoplay：自动播放
controls：显示播放控件
loop：播放完是否继续播放
src：url：视频地址
muted：是否为静音播放
input类型：
type="email"
type="url"
type="date"
type="time"
type="month"
type="week"
type="number"
type="tel" 手机号码
type="search" 搜索
type="color"
表单属性：
required：内容不能为空
placeholder：提示信息，存在默认值将不显示
autofocus：自动聚焦，页面加载完成自动聚焦到指定表单
autocomplete：off/on
multiple：可以多选文件提交
CSS3新特性：
1.属性选择器：
E[att]:选择具有att属性的E元素
*E[att="val"]:选择具有att属性且属性值等于val的E元素
E[att^="val"]:选择具有att属性且属性值必须是val开头的这些元素
E[att$="val"]:选择具有att属性且属性值必须是val结尾的这些元素
E[att*="val"]:选择具有att属性且属性值必须是含有val这些元素
2.结构伪类选择器：根据文档结构来选择器元素
E:first-child 匹配父元素中的第一个子元素E
E:last-child 匹配父元素中的第一个子元素E
E:nth-child(n) 匹配父元素中的第n个子元素E
n可以是数字关键字和公式
关键字：even偶数，odd奇数
公式：从0开始 每次加1 往后面计算 只能是包含n的公式
E:first-of-type 匹配父元素中的第一个子元素E
E:last-of-type 匹配父元素中的第一个子元素E
E:nth-of-type(n) 匹配父元素中的第n个子元素E
区别：nth-child 会把所有的孩子都排列序列号
nth-of-type 会把指定元素的盒子排列序号
3.伪元素选择器：
::before 在元素内部的前面插入内容
::after 在元素内部的后面插入内容
element::before{}
before after 内必须包含content属性
before在父元素内容的前面创建元素，after在父元素内容的后面创建元素
CSS3盒子模型：box-sizing
content-box 盒子大小为width+padding+border
border-box 盒子大小为width padding和border不会撑大盒子了
图片变模糊：
滤镜filter：css属性将模糊或颜色偏移等图形效果应用于元素
filter：函数() filter：blur（5px） 数值越大越模糊
计算盒子宽度：
width：calc（100%-80px）;
css过渡：
transition:要过渡的属性 花费时间 运动曲线 何时开始
transition: width 1s ease 1s, hight 1s ease 1s;
transition：all 0.2s；
