1. 标签选择器
2. 类选择器
3. ID选择器
标签选择器是CSS中最常用的选择器,它的作用是为网页中的html标签添加样式。使用标签选择器的方法很简单,只需要在CSS文件中使用标签名声明样式即可。例如:
p{
color: blue;
font-size: 16px;
}
这段代码将给所有的p标签(段落标签)添加蓝色字体和16像素的字体大小。
接下来是类选择器,类选择器可以为一个或多个元素指定类名,然后根据这个类名来为这些元素添加样式。类选择器是使用”.”符号来定义的。例如:
.myclass{
color: red;
font-size: 20px;
}
这段代码定义了一个类名为myclass的选择器,所有使用class属性为”myclass”的元素将会有红色字体和20像素的字体大小。
最后是ID选择器,ID选择器只是针对单个元素进行样式设置,因为ID名必须是唯一的。ID选择器是使用”#”符号来定义的。例如:
#myid{
color: green;
font-size: 24px;
}
这段代码定义了一个ID名为myid的选择器,只有使用id属性为”myid”的元素才会应用这些样式,它们将会有绿色字体和24像素的字体大小。