1.通配选择器
可以选中所有的html元素。
* {
属性名:属性值;
}
* {
color:aqua;
font-size: 70xp;
}
2. 元素选择器
作用:为页面中的某种元素统一设置样式
标签名{
属性名:属性值;
}
h1 {
color: green;
font-style: 100px;
}
h2 {
color: chocolate;
}
h3 {
color: aqua;
}
p {
color: blueviolet;
}
在一个html文件中,用元素选择器无法实现差异化,就是一个元素的效果都一样。
3.类选择器
作用:根据元素class的值,来选中某些元素。
.类名{
属性名:属性值;
}
<p class="say big">我对你说:千山万水总是情,爱我多点行不行</p>
.say{
color: red;
}
/* 选中页面所有类名为say的类型 */
.answer{
color:aqua;
}
.big{
font-size: 60px;
}
.bigg{
font-size: 40px;
}
注意:
1.class的值是由我们自己定义的,按照标准:不使用纯数字、不使用中文、尽量使用英文以及数字组合,若有多个单词组成,使用—做链接。
2.一个元素的class属性,能写多个值,要用空格隔开,如:
<p class="say big">我对你说:千山万水总是情,爱我多点行不行</p>
4.ID选择器