h5和css3新特性

1.关于h5的新特性，常用的有以下这些：

　　1)增加了语义化标签 eg：footer header nav article section

　　2)新增表单类型 eg：date week email url search number mouth

　　3）web存储 eg：localStorage sessionStorage

　　4) canvas画布

　　5）video audio 视频／音频

2. 关于css3的新特性，常用的有以下这些：

　　1）flex布局

　　2) css3动画

　　3）媒体查询

　　　　1. @media screen and (max-width: 500px) {

　　　　　　　.box{background: red;}

　　　　　}

　　4) 选择器 伪类选择器

　　　　1. #box h3:nth-child(2)   表示查找＃box里面的第二个孩子，看第二个孩子是否是h3 ，如果是h3 则匹配成功，否则不予匹配

　　　　2. ＃box h3:nth-of-type(2) 表示查找#box中的h3集合，看集合中存在第二个h3吗，如果存在则匹配成功，否则不予匹配

　　5） 盒模型 box-sizing: border-box/content-box/inherit

　　　　border-box: width包括content、padding、border

　　　　content-box: width只包括content

　　　　inherit： 继承父元素的

　　6）背景、边框、文字特效　

 

转载于:https://www.cnblogs.com/fewhj/p/8252603.html