新特性（一）HTML5和CSS3新特性
一、HTML新增的属性
IE9+以上版本的浏览器才能使用。
1.1HTML5新增的语义化标签
没有语义 HTML5新增的标签
header, nav{
height: 120px;
background: pink;
margin: 15px auto;
border-radius: 15px;
width: 800px;
}
section{
width: 500px;
height: 500px;
background: skyblue;
}
</style>
</head>
<body>
<header>头部标签</header>
<nav>导航栏标签</nav>
<section>某个区域</section>
1.2.HTML5新增的多媒体标签
1.音频：<audio> 2.视频：<video>，尽量使用MP4格式
1.3HTML5新增的input类型
1.4HTML5新增的表单属性
二、CSS3新特性
2.1CSS3的现状
-
新增的CSS3特性有兼容性问题，ie9+才支持 CSS3新增选择器
2.2属性选择器
2.3结构伪类选择器
根据文档结构
2.3结构伪类选择器
-
n可以是数字，关键字和公式 n如果是数字，就是选择第几个子元素，从1开始 n可以是关键字：even偶数，odd奇数
2.4伪元素选择器（重点）
伪元素选择器可以用CSS创建新标签
2.5CSS3盒子模型
如果盒子模型我们改为了box-sizing:border-box,那padding和border就不会撑大盒子了
2.6CSS3其他特性（了解）
CSS3滤镜filter:
2.7CSS3过渡❤️❤️❤️
经常和：hover一起使用 如果想要写多个属性，用逗号分割
