Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Style do CSS não acata formatação para H1

Referente ao curso HTML5 e CSS3 I: Suas primeiras páginas da Web, no capítulo Introdução a CSS e atividade Começando com CSS

por José Wilson Ayres Borba Filho
| 16.3k xp | 14 posts
Analista de Marketing CRM

Conforme ensinado no vídeo, fiz outro file para o bio.css e fiz o link de referência " "

Segue o código que está dentro do bio.css

<style>
    h1 {
    font-size: 60px;
    font-family: monospace;
    color: darkslateblue;
    background-color:darkred;
    }
    h2 {
    font-size: 40px;
    font-family: monospace;
    color: darkslateblue;
    }
    p {
    font-family: "Arial";
    color: dimgray;
    font-size: 12px;
    }
</style>

A formatação das tags h2 estão acatando, bem como a dos parágrafos, somente a H1 não está indo.

Podem me ajudar?

4 respostas
solução!
por Estudante
| 719.4k xp | 745 posts

Olá, José! Tudo certo, cara? =)

Só um cuidado para você tomar: quando criamos um arquivo .css não colocamos a tag <style> dentro dele. =)

Como o próprio arquivo já especifica que é um arquivo de folhas de estilo, ele considera que tudo que vem dentro dele é CSS! Então você pode colocar direto no arquivo:

h1 {
    font-size: 60px;
    font-family: monospace;
    color: darkslateblue;
    background-color: darkred;
}

// Outros estilos...

Sacou? Rs... =)

Ahh, e só mais uma coisinha! Na página HTML (bio.html), o seguinte código deve aparecer na <head>:

<link rel="stylesheet" href="bio.css">

Estou comentando isso, pois não apareceu na sua pergunta. =)

Espero ter ajudado, mas qualquer coisa só postar aqui que ajudaremos você! =)

Abraço e bons estudos,

Fábio

por José Wilson Ayres Borba Filho
| 16.3k xp | 14 posts
Analista de Marketing CRM

Obrigado pela atenção Fábio! Eu inseri a tag

por José Wilson Ayres Borba Filho
| 16.3k xp | 14 posts
Analista de Marketing CRM

Retirei a tag e funcionou! Obrigado!

por Estudante
| 719.4k xp | 745 posts

José,

Que bom que funcionou! =)

Só uma dica para os próximos posts: quando for inserir uma tag aqui, utilize o backtick (`). Se não o próprio navegador vai interpretar seu código e vai sumir com partes da sua pergunta. Rs. =)

Abraço e bons estudos,

Fábio