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

Footer no Blog.html

O background-color do footer no arquivo blog.html, ficou preto também porque está puxando a formatação do Site.css. Tem alguma forma de eu dizer que no blog.html não deve ficar preto?

Blog.html:

<footer>Tags: <a href="#">Design responsivo</a>, <a href="#">Mobile</a>, <a href="#">css</a></p></footer>

Site.css:

footer
{
background-color:#000;
color:#F2FFFC;
}

Em tempo:

Fiz assim, mas o resultado não foi completo:

<footer style = "background-color:#F2FFFC" style="color:#000">Tags: <a href="#">Design responsivo</a>, <a href="#">Mobile</a>, <a href="#">css</a></p></footer>

O background voltou ao normal, porém a palavara "Tags" ficou branca, e por isso não tem contraste na página:

style="color:#000"
4 respostas

Fiz assim, mas o resultado não foi completo:

<footer style = "background-color:#F2FFFC" style="color:#000">Tags: <a href="#">Design responsivo</a>, <a href="#">Mobile</a>, <a href="#">css</a></p></footer>

O background voltou ao normal, porém a palavara "Tags" ficou branca, e por isso não tem contraste na página:

style="color:#000"

Olá Nailson

Você aprenderá mais a frente no curso a trabalhar com classes. Com elas fica mais fácil a aplicação das regras de estilo. Para o caso acima você poderia fazer o seguinte. No HTML insira uma classe no footer, não o dos artigos mas o do final da página, como abaixo:

<footer class="rodape">
            © João da Silva 2019
</footer>

Em seguida, ao invés de estilizar a tag footer, estilize a classe rodape como abaixo:

.rodape {
    background-color: #000;
    color: #F2FFFC;
}

Testa aí e nos fale se deu certo.

Abraços e bons estudos!

Nailson, dê uma olhada nesse outro post também se ainda estiver com dúvidas: link do post.

Abraços

solução!

Fiz isso no Site.css. Deu certo!!!! Obrigado a todos, bom saber diferentes formar pra uma mesma coisa.

article footer 
{
background-color:#F2FFFC;
color:#000;
}