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
③伪元素选择器使用清除浮动: