Na aba style.css, coloquei esse código:
body {
background: #CCCCCC
}
p {
text-align: center;
}
em strong {
color: #FF0000;
}Mas a cor não se aplicava à página, pois o grande problema é que apesar do código certo, ele não estava salvo dentro da mesma pasta.
hoje, com a Alura e o Google Gemini
Olá Máyra, tudo bem?
Pra que sua página possa receber os estilos do arquivo css é preciso se atentar em importar o arquivo no head do html, assim como no exemplo abaixo:
<link rel="stylesheet" href="style.css">Esse exemplo acima serve para quando o arquivo css está na mesma pasta do arquivo HTML, caso o arquivo css esteja em outra pasta é preciso indicar o caminho para acessá-la. Veja este exemplo:
Neste caso o CSS está na pasta estilos, então para referenciá-lo precisamos identificar o caminho completo no head do arquivo html, ficaria assim:
<link rel="stylesheet" href="/estilos/style.css">Aqui nesse tópico da documentação você consegue ler mais sobre os caminhos de arquivo.
É bacana também que você finalize todas as propriedades no arquivo css com ; pois isso vai te ajudar no fluxo de trabalho, por exemplo, no seu código funcionaria normalmente por ser a única propriedade do body, mas caso você incluísse mais uma propriedade ali não seria mais identificada por não ter o ;.
Espero ter ajudado e se tiver mais dúvidas fique a vontade pra perguntar. =)