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

Título sem fundo de cor

Boa tarde!

Eu fiz o código exatamente igual da atividade e vi que no final o título ("Sobre mim") deveria apresentar o fundo roxo mas não apresenta.

Onde eu errei?

Segue os códigos abaixo:

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Biografia - João da Silva</title>
        <meta charset="utf-8">
        <link rel="icon" href="favicon.png">
        <link rel="stylesheet" href="site.css">
    </head>
    <body>
        <h1>Sobre mim</h1>

        <p>Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de <em>qualidade</em>, <em>durabilidade</em> e que <em>agregam valor</em> para meus clientes.</p>

        <p>Trabalho usando a web como plataforma, ou seja, respiro HTML5, CSS3 e JavaScript (ou melhor: ECMASCript). Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p>

        <h2>Como trabalho</h2>

        <p>Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo. <strong>Não trabalho com escopo fechado</strong>: o cliente é que decide quando o produto está pronto.</p>

        <p>Também não trabalho com prazos fechados: <strong>qualidade é importante demais para ser sacrificada</strong>.</p>

        <h2>Experiência</h2>

        <p>Já desenvolvi projetos para grandes empresas como BMW, UOL e IBM. Neles, o foco principal era entregar uma experiência imersiva e impactante para o usuário final sem descuidar do desempenho e da acessibilidade da página.</p>

        <p>Também já fui contratado para transformar grandes portais, como Terra e G1, em páginas responsivas. Fui responsável por renovar o layout, reorganizar o conteúdo e re-escrever o código de forma mais reaproveitável.</p>

        <h2>Comunidade</h2>

        <p>Procuro repassar meu conhecimento para a comunidade. Para isso, já dei diversas palestras e mantenho um blog.</p>
    </body>
</html>

CSS

body {
    background-color: #F2FFFC;
}

p {
    text-align: justify;
    font-family: "Times New Roman", serif
}

h1 {
    color: #FFFFFF
    background-color: #851944;
    text-align: center;
}

h2 {
    font-size: 16px;
}

h1, h2 {
    font-family: "Arial", sans-serif;
}
2 respostas
solução!

Oi humberto,

Pelo que vi parece que o problema é no seu css, nesse seletor:

h1 {
    color: #FFFFFF
    background-color: #851944;
    text-align: center;
}

Faltou um ponto e virgula no final da linha que declara o color: #FFFFFF

E isso impactou na proxima propriedade que é justamente o background-color.

Bons estudos!

Boa tarde!

Justamente era isso mesmo, Rodrigo... Um erro muito cometido de bobeira! :(

Obrigado, amigão! Hahah