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- 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)背景、边框、文字特效