Oi Estanislau,
Percebi que você está começando a estilizar seu portfólio com CSS e já definiu algumas cores básicas para o body
e botões. 👍
No entanto, notei alguns pontos que podem ser melhorados:
CSS no lugar errado: O código CSS que você compartilhou está dentro do bloco de código HTML. O CSS deve ser colocado em um arquivo separado (geralmente com a extensão .css
) e linkado ao seu HTML usando a tag <link>
dentro do <head>
. Ou você pode usar a tag <style>
dentro do <head>
para estilos internos.
Exemplo de como linkar um arquivo CSS externo:
<head>
<link rel="stylesheet" href="seu-estilo.css">
</head>
Exemplo de como usar a tag <style>
para estilos internos:
<head>
<style>
body {
background-color: black;
color: red;
}
button {
background-color: white;
color: black;
}
</style>
</head>
Sintaxe CSS: A sintaxe do seu CSS está quase correta, mas falta o ponto e vírgula (;
) no final de cada declaração.
Exemplo corrigido:
body {
background-color: black;
color: red;
}
button {
background-color: white;
color: black;
}
Hierarquia de estilos: Lembre-se que o CSS segue uma hierarquia. Estilos mais específicos (como um estilo para um elemento com uma classe) sobrepõem estilos mais gerais (como um estilo para o body
).
Para saber mais: Documentação CSS da MDN
Continue praticando e explorando as possibilidades do CSS, você está no caminho certo! 💪 💻
Caso este post o tenha ajudado,
marque-o como solucionado ☑️.
Bons Estudos! 🤓