注:选择器能写在css文件中或者是在html的<style>
标签中
标签选择器
语法格式:
标签 {
属性:xxx;
}
示范:
<style>
h1 {
color:red;
}
</style>
类选择器
语法格式
.类名 {
属性1: ;
属性2: ;
}
示范:
<style>
.color {
color: aqua;
}
</style>
---
<p class="color">测试</p>
多类名
我们可以给一个标签指定多个类名,从而达到更多的选择目的,这些类名都可以选出这个标签
使用方式
.style1 {
color: red;
}
.style2 {
font-size: 35px;
}
<p class="style1 style2">测试</p>
图片:
id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式
HTML元素以id属性来设置id选择器,css中id选额器,以#
来定义
语法:
#id名 {
属性:;
}
举例:
css
#pink {
color:red;
}
html
<p id="id">我是红色</p>
注:
一个页面中有位移的一个标签调用了一个id,那么其它标签就不能再调用这个id
id只允许调用一次
通配符选择器
举例
* {
color:red;
}
这样会把所有字体的颜色变为红色
特殊情况才使用,使用场景:清楚所有元素标签的内外边距
如下:
* {
margin: 0;
padding: 0;
}