Html的另外一些标签以及CSS3中的一些选择器

Html5的一些标签

Input类型 color

选取颜色   默认颜色  value="#ffffff"

Input类型   tel(电话号码)

定义用于输入电话号码的字段

autofocus属性

autofocus属性规定在页面加载时，域自动的获得焦点

autofous适用于所有的<input/>标签

required属性

required属性规定必须在提交之前填写输入域（并且不能为空）

tips:即使不被支持，仍然显示为常规的文本域

音频和视频

Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。

<audio src="sound.mp3" controls></audio>

<video src="movie.webm" autoplay controls></video>
 

一、display:none和visibility:hidden的区别

两者都是隐藏元素，前者不会占据空间，后者隐藏了依然占据空间

1：display：none隐藏元素后不保留原本元素的位置，而visibility：hidden隐藏元素后仍保留原本元素的位置。

2：display：none不具有继承性，visibility：hidden给父元素隐藏后，其子元素也会继承该属性。

3：display：none隐藏元素后影响整体布局，影响计数，visibility：hidden不影响计数

二、常用的一些选择器

div+span 指紧邻div后的哪一个span兄弟元素

div~span 选择div元素后的所有span兄弟选择器

属性选择器E[属性="值"]

:nth-child()  :nth-of-type() 的区别：

nth-child(n)

:nth-child(n)  选择器匹配属于其父元素的第 N个子元素，不论元素的类型

nth-of-type(n)

:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素

Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词

n为odd表示选择奇数

n为even表示选择奇数