H5C3 HTML5
* HTML5的新特性
* 主要是增加了一下新的便签、表单和表单属性，这些特性都要兼容性问题，基本上是IE9+浏览器才能支持，如果可不考虑兼容性，可大量使用。
* 新的标签
* 1.header头部标签
* 2.nav导航栏标签
* 3.article内容标签
* 4.aside侧标栏标签
* 5.footer底部标签
* HTML5标签的优缺点
* 优点：便于搜索引擎来解析
* 缺点：会有兼容性问题
* HTML5新增的input的type属性值
* 1.email：只能校验带不带@符号
* 2.url：只能校验带不带超文本协议（http、https）
* 3.data：日期输入框
* 4.time：时间输入框
* 5.moth：年月输入
* 6.year：年份输入
* 7.week：年周输入
* 8.number：只能输入数字
* 9.search：搜索框，输入后在右侧有清除符号
* 10.color：颜色选择单
* 11.tel:跟js和正则表达式连用校验手机号（单独type不能限制，全球号码不尽相同）
* HTML5新增表单属性
* 1.required：代表此项必填
* 2.placeholder：表单提示信息，有value时不显示
* 3.input：：placeholder {}在style里面修改提示样式
* 4.autofocus：在此项自动聚焦
* 5.autocomplete：输入框记忆autocomplete n name:***
* 6.multiple:多选文件提交
* HTML5新增的多功能标签
* audio标签 音频标签
* 1.src地址2.controls播放控件3.loop循环播放（需加autoplay）4.autoplay自动播放（一般浏览器禁止）
* audio格式轮询
* video标签 视频标签
* 1.src地址、2.controls播放控件3.width/height可以是设置宽高4.loop循环播放5.autoplay自动播放（一般跟mute连用）6.muted静音7.preload预加载：auto/none8.poster预加载图片：url
* video格式轮询
CSS3 CSS3新增属性
* css怪异盒模型
* css3中可以通过box-sizing来指定盒模型他又两个值，分别为content-box和border-box
* box-sizing：
* 1.content-box默认值，盒子大=width+padding+border
* 2.border-box，盒子的大小为width
* 注意点：
* 1.使用box-sizing：border-box是，padding和border不要超过盒子本身宽度
* css3新增选择器
* 属性选择器
* 属性选择器可以根据元素的特点元素来选择元素，这样就可以不借助类或者id选择器
选择符说明E[att]选择具有att属性的E元素E[att="val"]选择具有att属性且属性值等于val的E元素E[att^="val"]选择具有att属性且属性值以val开头的E元素E[att$="val"]选择具有att属性且属性值以val结尾的E元素E[att*="val"]选择具有att属性且属性值包含val的E元素
* 结构伪类选择器
* 结构伪类选择器主要是根据文档的结构来选择元素，通常用于根据父元素来选择里面的子元素的情况。
选择符说明E:frist-child匹配父元素中的第一个子元素EE:last-child匹配父元素中的最后一个子元素EE:nth-child(n)匹配父元素中的第n个子元素EE:frist-of-type匹配指定类型E的第一个元素E:last-of-type匹配指定类型E的最后一个元素E:nth-of-type(n)匹配指定类型E的第n个元素
* nth-child/of-type(n)
* 1.n是数字（n代表从0开始不断递增的数字）
* 2.n是关键字（even偶数，odd奇数）
* 3.n是公式（n+1等）
* nth-child(n)和nth-of-type(n)的区别
* 1.nth-child对父元素里面所有的子元素排序选择（序号是固定的），先找到第n个孩子，然后再看是否和相应元素匹配
* 2.nth-of-type对父元素里面的所有指定的子元素进行排序选择，先去进行相应元素的匹配，再排序去选择第n个元素
* 伪元素选择器
|
