Curso de HTML e CSS para iniciantes - Aula 9

Aviso importante!

Eu sei que você não quer ver propagandas, porém o conteúdo gratuito só está aqui graças a publicidade. Considere desativar o AdBlock para esse site.

Olá galera, tudo bem com vocês?

No vídeo de hoje nós vamos falar sobre DIVs, aprender como fazer elementos flutuarem na tela e também vamos aprender a criar um layout bem simples com HTML e CSS. Além disso, vou mostrar também como você pode reutilizar estilos com a finalidade de reduzir o tamanho dos arquivos .CSS.

Bom estudo!

Mais posts desta série

Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.

Sobre o autor

Ricardo Bernardi

Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.

Comentários

Atualmente temos 15 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Vinicius Arocuhe comentou em

    o meu :hover nao esta funcionando, o que eu posso fazer pra resolver isso??

    Responder
      • Renan Martin comentou em

        Eu também acho que tem um erro, tanto que fiz igualzinho a vide-o aula pra ver se dava certo. Mas quando coloquei assim: "margin: auto;
        margin: auto; " ai funcionou. Será que isso tem alguma explicação? Desde já gostaria de agradecer e elogiar o ótimo trabalho que faz, meus parabéns.

        Responder
  • Luciana cristina comentou em

    Boa noite Ricardo, estou seguindo suas excelentes aulas de html e css e estou gostando muito. Parabéns.
    Fiquei com uma dúvida: Na aula 8 você afirma que devemos ter somente uma Id por página e na aula 09 você cria três ID - wrap, content e sidebar.
    Preciso entender isso.
    Obrigada!

    Responder
  • Karina comentou em

    Olá, estou seguindo as vidoaulas de html5 e estou adorando,
    tem previsão das próximas?
    Obrigada!

    Responder
  • Vinicius Faria comentou em

    Ricardo, uma forma que utilizo de resolver esses floats dos blocos é com a utilização do display:table na div pai que engloba todas as outras, ao invés de clear both. Daí vai da usabilidade de cada um =D ! Parabéns pelo trabalho!

    Responder
    • Eu também usava, mas descobri que isso altera alguns comportamentos dos elementos principalmente em layouts para dispositivos móveis, então voltei ao famoso clear both.

      Responder

Deixe seu comentário