CSS之基础选择器

标签选择器

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样式最好只能被一个标签调用（否则，不符合编程规则）

通配符选择器

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