Cuatro métodos de importación CSS y tres selectores básicos (selector de id, selector de clase, selector de etiqueta)

1. Estilo en línea
Inserte la descripción de la imagen aquí
En el elemento de etiqueta, escriba un atributo de estilo y escriba el estilo. Más alta prioridad

2. El estilo interno y
Inserte la descripción de la imagen aquí
el estilo externo se
dividen en
estilo de enlace y
estilo de importación

Importar
Inserte la descripción de la imagen aquí

Vinculado ¡Se
Inserte la descripción de la imagen aquí
recomienda la etiqueta de enlace!

CSS adopta el principio de proximidad, prioridad: estilo en línea> estilo interno> estilo externo
Esta es la prioridad entre los métodos de importación

La prioridad entre los selectores es selector de
id> selector de clase> selector de etiquetas

    <style>
        #id01,#id02{
    
    
            color: red;
        }
        .class01{
    
    
            color: yellow;
        }
    </style>
</head>
<body>
<h1>title01</h1>
<h1 id="id01">title02</h1>
<h1 class="class01">title03</h1>
<h1 id="id02" class="class01">title04</h1>
</body>

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/m0_45311187/article/details/112617878
Recomendado
Clasificación