您的位置:首页 > Web前端 > CSS

css的选择器

2019-09-06 21:41 1436 查看

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>
    注意:通配符选择器在进行设置时,会去遍历页面上的所有标签,并且给这些标签设置样式。
    缺点:性能太低,主要用于初始化样式。


综合练习:百度首页

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: