HTML5&CSS3新增标签
今天我们来学习一下HTML5和CSS3中新加的一些标签还有属性
1：介绍一下我们今天要讲的几个点
- 表单控件新增属性
- 表单新增type属性值
- 新增标签
- CSS
2:表单控件新增属性
代码如下
下面我们来分析一下为什么密码框那里是红色的：这是因为我们在密码框加了一个属性required，
当我们从浏览器打开这个HTML文件的时候我们的用户框是默认被选中的，因为我们设置了 autofocus属性，而且我们用户名这个框还是设置了提示信息，我们可以清晰的看见在我们用户名框中有“请输入用户名”，这是我们设置了placeholder的原因
可以发现我们在图片上传框中设置了multiple属性，我们可以看一下它的效果。我们可以选中多个图片进行上传，这样不仅节约了时间，也让我们的操作变的更方便了
3.表单新增type属性值
代码如下：
范围
颜色
日期时间
选项列表
月
数字
周
日期
email
url
4.新增标签
注意：
1、这种语义化标准主要是针对搜索引擎的；
2、这些新标签页面中可以使用多次；
3、在ie9中需要把这些元素转化为块级元素；display:block
4、移动端更喜欢使用这些标签；
代码如下：
5.CSS
注意：
- 选择的只是与E同级的元素，后代中的不会被选择
- 出现在E元素之前的元素F，不会被选择
代码如下：
属性选择器：选择了所有设置了attr属性的，并且attr属性的属性值是以val开头的或属性值是以val 开头的E元素
属性选择器：选择了所有设置了attr属性的，并且attr属性的属性值是以val结尾的或属性值是以val 结尾的E元素
代码如下：
属性选择器：选择了所有设置了attr属性的，并且attr属性的属性值包含val或属性值包含val的E元 素
代码如下：
结构性伪类选择器：根据文档树中的结构来指定元素的样式
代码如下：
UI元素状态伪类选择器：指定的样式只有当元素处于某种状态时才起作用
代码如下：
目标伪类选择器：通过E:target匹配相关URL指向的E元素。URL后面跟锚点#，指向文档内某个具体的 元素。
代码如下