Entrar Ainda não tem acesso?
2
respostas

Ajuda com aula de Css

por Amanda
| 22.9k xp | 15 posts

Olá, Estou dificuldade de fazer funcionar o código para fazer as altarações da aula do curso de CSS, já estou na aula 4 do módulo estilizando imagens e ainda não consegui fazer rodar as alterações na minha página. Segue o que está no meu arquivo html: 

<body>
    <img src="banner.jpg">
    <h1> Sobre a Barbearia Alura</h1>

    Conseguem me ajudar a verificar onde estou errando?

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. 
    Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p id= "missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. 
    O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>

E abaixo a minha biblioteca no arquivo CSS: body { background: #CCCCCC }

h1{ text-align: center }

p { text-align: center; }

#missao{ font-size: 20px; } em strong { color: #FF0000; }

2 respostas
por Eduardo Tioma
| 233.8k xp | 261 posts
Instrutor

Oi Amanda!

Nas instruções do CSS o uso de um ponto e vírgula é obrigatório ao final do comando. Ele serve para que o CSS entenda onde a instrução termina.

Sendo assim, na sua primeira estilização 

body { 
    background: #CCCCCC 
}

Devido à falta do ; o CSS se perde e tudo abaixo disso é basicamente desconsiderado.

Coloque o ; na estilização do body e do h1 e tudo deve funcionar corretamente.

body { 
    background: #CCCCCC; 
}
h1 {
    text-align: center; 
}

Certifique-se também que o index.html e o style.css estão na mesma pasta e que o style.css esteja sendo referenciado no <head> do html.

Espero ter ajudado! Qualquer outra dúvida pode postar aqui!

por Amanda
| 22.9k xp | 15 posts

Olá tudo com ; e ainda nada.

body { background: #CCCCCC; }

#banner { width: 100%; }

h1 { text-align: center; }

p { text-align: center; }

#missao { font-size: 20px }

em strong { color: #FF0000; }