Como trabalhar com CSS
Cada tag em HTML corresponde ao que chamamos de
seletor CSS. Por exemplo, à tag p
corresponde o seletor CSS p, com o qual
podemos nos dirigir a todos os parágrafos
da página HTML e, por exemplo, colorir todos
simultaneamente em vermelho.
Após o seletor, devem ser colocadas chaves, dentro das quais devem ser escritas propriedades CSS. As propriedades é que definem a cor, o tamanho da fonte e outras coisas interessantes. Elas devem ser escritas neste formato: nome da propriedade, depois dois-pontos, depois o valor dessa propriedade (por exemplo, a propriedade é a cor, e "vermelho" é o valor). Depois é preciso colocar um ponto e vírgula e pode-se escrever a próxima propriedade.
Vamos, por exemplo, colorir todos os parágrafos de vermelho:
p {
color: red;
}
Em seu arquivo styles.css, coloque
o código que colore os parágrafos de vermelho. Abra
as páginas do seu site no navegador e certifique-se
de que todos os parágrafos ficaram vermelhos.