CSS: Cascade Style Sheets (folhas de estilo em cascata)

3 formas diferentes de usar CSS:

1) CSS inline = "embutido" no HTML (não recomendado) efeito pontual no elemento que vc editou
A ordem de precedência é sempre a mais alta, ou seja, qualquer alteração de CSS externo não vai modificar o que vc escreveu no CSS inline
<h1 style="color: yellow;">HTML base</h1>

2) CSS dentro da tag Style
Dentro do HEAD, abrir a tag STYLE e escrever o CSS lá
<style>
    h2{background-color: rgb(223, 194, 157);}
</style>

3) CSS no arquivo externo (.css)
Escrever diretamente no arquivo
Ele é ligado no HTML pelo seguinte código (que tb fica no head)
<link rel="stylesheet" href="arquivo.css">
------------------
18/09/2024

Seletores: definem os elementos que serão afetados por uma regra CSS

quando eu falar de seletor, para simplificar, vou usar apenas as propriedades color (cor da letra) e background-color(cor de fundo)

Seletor simples de tag/elemento: usa os nomes das tags HTML que vc já conhece para definir os Seletores
se eu quiser mudar parágrafos: p

quando usei o seletor p, afetei de uma vez só todos os parágrafos

vcs tb podem usar o seletor BODY para o corpo da página inteira. Como o BODY é o elemento-pai de tudo que tá no corpo da página, algumas características definidas para ele serão passadas para os seus filhos (ou seja, os filhos irão herdar essas características)
algumas das propriedades que são herdadas: cor da letra e tamanho da letra

Às vezes vc não quer afetar todos os elementos de uma mesma tag da mesma maneira. Por exemplo, posso querer que apenas alguns parágrafos tenham uma cor de fundo 


Atributos CLASS e ID 

Class (classe) => agrupa vários elementos
ID => diferenciar (tem que ser único na página)

Seletor de classe sempre começa com um . e depois o nome da classe 

Seletor de ID começa com a hashtag # e o nome do ID