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

Meu HTML não reconhece o CSS

O mais estranho é que o "icon" aparece normalmente, mas o CSS não. No console também não há mensagem de erro.

<!DOCTYPE html>
<html>
    <head>
        <meta chasert="UTF-8">
        <title>Biografia - João da Silva</title>
        <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 <strong>acessibilidade</strong>, <strong>responsividade</strong> e <strong>web semântica</strong>, 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 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

h1 {
    font-size: 60px;
    background-color: rgb(120, 30, 60);
    color: #FAFFFA;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}
h2 {
    font-size: 40px;
    font-family: "Open Sans", sans-serif;
}

p {
    text-align: justify;
    font-family: "Times New Roman";
}
5 respostas

Oi Cássio tudo bem?

Seu código está correto, aperte ctrl+f5 para atualizar o cache da sua página.

Espero ter ajudado!!!

Pior que já tentei, André! Será porque eu uso o Sublime p/ digitar meus códigos e pode estar dando algum conflito com CSS ou não interfere em nada?

Se o problema for infraestrutura pode ser qualquer coisa. Aí tem que ficar testando.

Mas ainda não tenho 100% de certeza que é infraestrutura. Preciso que suba os arquivos para o github para ver se não há nada interferindo no funcionamento da página.

solução!

Encontrei o erro!!! Desatenção total! Salvei 02 arquivos em lugares diferentes. Mexia em um e atualizava o outro!!! Aí fica difícil rs... desculpe!

Relaxa Cássio, já fiz isso inúmeras vezes. Acontece. Por isso que queria ver no github, suspeitava disso também.

Bons estudos!!!