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

Dúvida na configuração da fonte no CSS

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Conteúdo externo e atividade Fontes externas

por Thaís Pereira Amadei
| 104.1k xp | 11 posts

Na aula o professor copiou o código e colou no documento HTML e fez o mesmo com o style.css. Porém, não entendi porquê ele inverteu a ordem dos elementos no CSS e colocou o body com a configuração do font-family Montserrat antes da configuração do próprio header. Ele até explicou sobre a configuração da folha de estilo em cascata do próprio CSS e que fazendo assim ele aplicaria a fonte nova em todos os elementos, porém, porque não é o mesmo que usar essa configuração no header para que a configuração em cascata fizesse o mesmo efeito? Desde já, agradeço!

3 respostas
solução!
por Marciel Antonio dos Santos
| 124.2k xp | 17 posts
Professor

Bom dia Thaís.

Só para lembrar o header é cabeçalho da pagina, assim aplicar a font-family no header funcionaria apenas no header.

Novamente o body é o corpo, ou seja todo conteúdo a ser apresentado, assim se aplicarmos a font-family aqui todo o corpo vai ter esse estilo.

Para ficar mais claro sobre como funciona o css (em cascata) olhe essa cascata.

<body>
    <header>
         <img src="" alt="">
          <Nav>
                <ul>
                      <li></li>
                      <li></li>
                      <li></li>
                </ul>  
           </Nav>
    </header>
    <main>

    </main>
    <footer>

    </footer>
</body>

Observe que nesse código o body envolve todos, porem o header tem quais elementos em cascata dele, quantos não estão "dentro" da tag header, ou ainda são filhos dela.

Nesse código o main e o footer estão fora do header

por Estudante
| 123.1k xp | 156 posts

Thaís,

Para entendimento em descrição sobre tag <header> não deve confundir com <head> que se trata assunto sobre o assunto semântica do html5, que indica que todo seu conteúdo é integrante do cabeçalho da seção. É usualmente aplicada para inserir o conteúdo inicial de uma página, e em geral contém uma logo e um menu por exemplo.

Se você entender um pouco sobre layout de uma pagina criativa que normalmente feito feito a mão para um html você vai perceber como tão importante esta organização destas tags do html5 com base do layout criada, este assunto você encontra num tópico sobre semântica de html5 e depois faça uma comparação com html4 você vai ver a diferença e o progresso num universo de html que vem da conveniência do w3c.

por Thaís Pereira Amadei
| 104.1k xp | 11 posts

Obrigada,pessoal! Acabei confundindo head com header e fazendo confusão, mas consegui entender!Valeu