标签选择器

HTML标签名{属性:值;…}
作用
为页面中某一类标签设置统一的样式

注意

代码中遇到特殊符号,都必须是英文输入法状态下的符号

p{
color:red;
font-family:"微软雅黑";
}

类选择器

.自定义类名{属性:值;…} 定义类样式
类样式的调用:
标签通过class属性去调用定义好的类样式

.nav{
color:red;
font-size:20px;
}
<p class="nav">李宗盛</P>
类样式的特点

1.一个标签可以同时调用多个类样式

<p class="test nav">林忆莲</p>

2.一个类样式可以被多个标签同时调用

<p class="test"></p>
<div class=""test></div>

3.可以为标签对象定义单独的样式

类名命名规范

1.自定义类名不能使用纯数字或以数字开头
2.不推荐使用汉字定义类名
3.不能使用特殊字符或者以特殊字符开头($,#,@,%…)
4.不推荐使用标签名作为类名
5.一般使用具有一定语义的单词作为类名

CSS之基础选择器_类名

ID选择器

定义:
#自定义id名称 {属性:值;…}
调用:
标签通过id属性调用id样式(id属性值具有唯一性)

#test{
color:red;
}
<p id="test"></p>

ID选择器与类选择器的区别

1.语法定义有区别 ( . | #)
2.在id选择器中,一个标签只能调用一个id样式。
3.一个类样式可以被多个标签调用,但是一个id样式最好只能被一个标签调用(否则,不符合编程规则)

通配符选择器

语法:
*{属性:值;…}
特点:
将页面中所有的标签都选中了。