8、css的选择器

8.1、标签选择器 作用:给页面上指定的某一种标签设置样式。 代码: <style type="text/css"> 标签名 { 属性名1:属性值2; 属性名2:属性值2; …… } </style> 缺点:只能给特定的某一种标签设置样式。 8.2、class(类)选择器 作用:给指定类名的某一个标签设置样式,每个标签都可以设置一个class属性,class后面跟的属性值就叫做类名。 代码: <style type="text/css"> .类名 { 属性名1:属性值2; 属性名2:属性值2; …… } </style>

8.3、id选择器 作用:给指定id名的标签设置样式,每个标签都可以设置一个id属性,id后面的属性值就是id名。 代码: <style type="text/css"> #id名 { 属性名1:属性值2; 属性名2:属性值2; …… } </style> 8.4、class名和id名的注意点* class名:相当于标签的一个小名(可以重复); id名:相当于标签的证号码(不可以重复);

一个类名可以给多个标签使用,一个id名只能给一个标签使用。

类名和id名的规范:只能是英文字母、数字、下划线和连接符(-)组成,并且数字不能开头,下划线和连接符也不能开头(能使用,但是不建议)。 8.5、通配符选择器 作用:用于给页面上所有标签设置样式,常用于页面样式初始化操作。 代码: <style type="text/css"> * { 属性名1:属性值2; 属性名2:属性值2; …… } </style> 注意:通配符选择器在进行设置时,会去遍历页面上的所有标签,并且给这些标签设置样式。 缺点:性能太低,主要用于初始化样式。

综合练习:百度首页