HTML5和CSS3的新特性

1.HTML新增语义化标签：

（1）<header>:头部标签

（2）<nav>:导航标签

（3）<article>:内容标签

（4）<section>:定义文档某个区域

（5）<aside>:侧边栏标签

（6）<footer>:尾部标签

2.HTML5新增多媒体标签:

（1）音频：<audio>

①支持三种音频格式：MP3格式、Wav格式、Ogg格式，mp3几乎支持所有浏览器。

②语法：<audio src="文件地址" controls="controls"></audio>

③属性：

（2）视频：<video>

①支持三种视频格式：mp4格式、WebM格式、Ogg格式，mp4几乎支持所有浏览器。

②语法：<video src="文件地址" controls="controls"></video>

③属性：

 

3.HTML5新增input类型：

4.HTML5新增表单属性：

 

5.CSS3新增选择器（属性选择器、伪类选择器、类选择器权重都是10）

（1）属性选择器：

 

（2）结构伪类选择器（根据文档结构选择器元素，常用于根据父级选择器里面的子元素）

E:nth-child(n)中n可以是数字（从1开始）、关键字（even偶数，odd奇数）、公式 （从0开始，只能是n这个字母，但是第0个元素或超出元素个数会被忽略）

公式：2n：偶数、2n+1：奇数、5n：5 10 15、n+5：从第5个（包括第5个）开始到最后、-n+5前5个

 

（3）伪元素选择器（重点）

①::before：在元素内部的前面插入内容

②::after：在元素内部的后面插入内容

注：·before和after创建一个元素，但属于行内元素

        ·新创建的这个元素在文档树中找不到，称为伪元素

         ·语法：element::before{} 

         ·before和after必须有content属性

         ·before在父元素里面内容的前面创建元素，after在父元素内容的后面插入元素

         ·伪元素选择器和标签选择器一样，权重为1

③伪元素选择器使用清除浮动：