Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Projeto] Estilizando com Css

<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>1ºPortfólio de Estanislau Jr</title>
    </head>
    <body>
        <header>
            <a>1º Portfólio  de<strong> html de Estanislau Jr de</strong> </a>
            <img src="logo-alura.svg" alt="logo-alura">
        </header>
        <main>
            <h1>Meu Portfólio <strong>Portfólio</strong></h1> 
            <h3>Oi, meu nome é Estanislau Junior desenvolvedor Front-end com especcialidade em React,Html e Css </strong></h3>
            <p>Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?<a href="http://alura.com.br">Alura</a>para criar esse portifólio e por prática minhas habilidades de<strong><Html></strong></p>
                <img src="foto-de-perfil.jpg" alt="foto do desenvolvedor do portifólio">
            </main>
body{
    background-color: black
    color: red
}
button{
    background-color: white;
    color: black;
}
4 respostas

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:

  1. 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>
    
  2. 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;
    }
    
  3. 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! 💪 💻

tux matrix Caso este post o tenha ajudado, marque-o como solucionado ☑️. Bons Estudos! 🤓
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifolio Cliente</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <head>
        <img src="Html, Css.jpg" alt="Html, Css">
    </head>
    <main>
        <h1><Strong>Eleve seu negócio digital a outro nível com um Front-end de qualidade!</h1></Strong> 
        <p>Olá! Sou Estanislau Jr desenvolvedor,<br>Front-end com especialidade em Html, Css,e React.<br>Ajudo<strong>pequenos negócios e designers a colocarem  prática as boas ideias. Vamos conversar?</p></strong>
        <br><a href="https://www.instagram.com/@estanislau.junior.5"><button>Instagram</button></a>
        <a href="https://github.com/EASJúnior751<button>Github</button></a>
    </main>
</body>
</html>
body {
    background-color: black;
    color: gray;
}
button {
    background-color:withe;
    color: black;
}
solução!

![]( IEleve seu negócio digital a um outro nível com um Front-end de qualidade! )