Aplicação do CSS

Folha de estilos externa

Uma folha de estilos externa é quando você tem seu CSS escrito em um arquivo separado com uma extensão .css, e você o refere dentro de um elemento <link> do HTML

Folha de estilos interna

Uma folha de estilos interna é usada quando você não tem um arquivo CSS externo, mas, ao contrário, coloca seu CSS dentro de elemento <style> localizado no <head> do documento HTML.

Folha de estilos inline

Estilos inline são declarações CSS que afetam apenas um determinado elemento, inserido em um atributo style:

Seletores de classe

O seletor de classes CSS corresponde aos elementos com base no conteúdo de seus atributos class.

Sintaxe HTML - classe

<tag class="classe_nome classe_cor">Exemplo<tag>

Sintaxe CSS - classe

.classe_nome{
propriedades de estilo;
}

Sintaxe HTML - id

<tag id="id">Exemplo<tag>

Sintaxe CSS - id

#id{
propriedades de estilo;
}

Referência Bibliográfica

MOZILLA. Como CSS é estruturado. Disponível em: Ver Site. Acesso em: 31 de mar. de 2023.

MOZILLA. Seletores de classe. Disponível em: Ver Site. Acesso em: 31 de mar. de 2023.