Html之选择器-蒲公英云

Html之选择器

从Web诞生一直到现在，HTML都是定义web页面上内容块的主要机制，也是定义web页面布局的最简单方式。HTML包含非常多的可用布局标记，包括表，列表和分组元素。可以合并这些元素，在WEB页面上创建出非常复杂的布局。

目前HTML5诞生了新的元素，特性和值

元素	说明
section	把web页面作为该web页面的全部或一部分，例如功能化的内容
article	Web页面上的一些信息，例如新闻帖子，博客帖子，状态消息
header	Web页面顶部，可以包含徽标或其他页面标题
nav	某个特定的部分，用于包含导航元素。
aside	Web页面的某个部分，提供与整个内容部分相关的内容，例如边栏或广告
figure	这个区域用于表示，一部分内容显示与Web页面相关的信息，例如图标或视频
footer	Web页面的底部，可以包含版权信息，隐私通知或者作者的其他信息
video	显示多媒体视频
audio	播放声音，是bgsound替代元素

特性	说明
autofocus	在加载页面时，允许input（类型为hidden的除外），select、textarea和button元素获得焦点
placeholder	提供提示，为input和textarea元素输入数据
required	需要为input、select、textarea元素输入或选择数据，例如 <form action=”demo_form.asp” method=”get”> Name: <input type=”text” name=”usr_name” `required=”required”` /> <input type=”submit” /> </form>
min、max、step、multiple、pattern	指定input元素所受的限制
async	异步加载script元素

seemless	为iframe元素提供无边框的框架，在带seemless特性的iframe元素中单击链接时，内容会加载到父框架中，除非target特性使用了_blank值
reversed	翻转ol元素中列表的顺序

css选择器：选择器时css中明确指定web浏览器如何选择要应用元素的部分

通用选择器：*{font-family：Arial ；}

类选择器：p{font-family：Arial ；}

派生选择器：

div span{font-family：Arial ；}派生选择器可以创建样式，其目标HTML元素是指定类型的元素的派生元素。例中的样式应用派生自

标记的所有标记

子选择器：

子选择器类似与派生选择器，但派生选择器会搜索元素的整个派生层次结构，而子选择器把元素搜索范围限制在父元素得到直接子元素上

div>span{font-family：Arial ；}

属性选择器：

属性选择器可以定义样式，根据元素是否属于某个元素（而不是元素名），把该样式应用于元素。

*[href]{font-family：Arial ；}