标签选择器
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.一般使用具有一定语义的单词作为类名
ID选择器
定义:
#自定义id名称 {属性:值;…}
调用:
标签通过id属性调用id样式(id属性值具有唯一性)
#test{
color:red;
}
<p id="test"></p>
ID选择器与类选择器的区别
1.语法定义有区别 ( . | #)
2.在id选择器中,一个标签只能调用一个id样式。
3.一个类样式可以被多个标签调用,但是一个id样式最好只能被一个标签调用(否则,不符合编程规则)
通配符选择器
语法:
*{属性:值;…}
特点:
将页面中所有的标签都选中了。