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

As modificações que fiz no "site.css" não aparecem quando jogo no browser.

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

Site.css

body {
    font-family: "Times New Roman"
    background-color: #f2fffc    
}
h1 h2 {
    font-family: "Arial", serif;
    }
h1 {
    text-align: center
    background-color: #851944
    color: #fff    
}
p {
    text-align: justify
}
2 respostas
solução!

Olá, Mateus! Beleza, cara?

Cuidado com seu código, possui alguns erros...

O principal erro é no HTML. Lembra que toda tag começa com "<" e termina com ">"? Na sétima linha do seu HTML, você esqueceu de colocar o sinal de maior, assim:

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

Uma outra coisa que você pode fazer, é que toda linha de propriedade CSS termina com ponto-e-vírgula... Assim:

body {
    font-family: "Times New Roman";
    background-color: #f2fffc;
}

E uma última coisa... Quando você está usando seletores CSS, cuidado que escrever h1, h2 e h1 h2 tem diferença. No primeiro caso, você está aplicando os estilos tanto para os elementos <h1> quanto <h2>. Já no segundo, você está aplicando somente para os elementos <h2> filhos de <h1>, sendo que isso não faz muito sentido. =|

Nesse caso, só colocar uma vírgula no meio resolve o problema:

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

Espero ter ajudado, mas qualquer dúvida não deixe de postar por aqui para que possamos ajudá-lo, cara!! =D

Abraço e bons estudos,

Fábio

Agora sim!! vlw mesmo a ajuda. xD