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

As modificações por css nao aparecem

Oi. Estou tentando modificar a pagina que o instrutor passou(o bio.html) por css mas nao está mudando nada. Estou passando os dois códigos abaixo:

O código base do instrutor

<!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>

Código de Site.Css

body {
    font-family: "Times New Roman", serif;
    background-color: #F2FFFC;
}

h1, h2 {
    font-family: "Arial", sans-serif;
}

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

p{
    text-align: justify;
}
3 respostas
solução!

Fala aí, Jonathan! Tudo certo, cara? =)

Dando uma olhada rápida no seu código, seu HTML está com um errinho...

Logo no começo do arquivo, dentro da tag <head>, você possui dois elementos <link>. Reparou que o segundo está um pouco diferente do primeiro?

Você está usando abrindo e fechando aspas simples várias vezes, ao invés de usar aspas duplas... Seu código está assim:

<link rel=''stylesheet'' href=''Site.css''>

Mas ele deveria estar assim:

<link rel="stylesheer" href="site.css">

Repare no nome do seu CSS também! Você está colocando com nome maiúsculo, então tenha certeza de que o arquivo está como Site.css, ao invés de site.css, sacou?

Pode fazer essa modificação no seu HTML e dar uma conferida no nome do CSS? =)

Depois manda um feedback aqui dizendo se funcionou ou não. Caso não tenha funcionado ou tenha alguma dúvida, não deixe de postar por aqui, no fórum, para que possamos continuar a ajudá-lo! =)

Abraço e bons estudos,

Fábio

Fábio como a maioria dos meus erros em programação foi um erro simples.Era o problema das aspas.Obrigado

Jonathan,

Sem problemas! Depois de um tempo você passa a perceber esses erros mais facilmente. =)

"Dê tempo ao tempo". Rs. Que bom que resolvemos... =)

Abraço e bons estudos,

Fábio