注:选择器能写在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;
}