Para começar, corrigimos o exercício começado na aula precendente.

Em seguida foram resumidas as propriedades CSS aplicáveis ao texto como font-size, font-family, color etc. Interessantes, mas ainda não desvendamos como se cria um layout completo com CSS. É aí que apresentei para a galera o nosso amigo, o DIV.

O DIV (abreviação de dividit, ou divisão) é, junto ao SPAN, uma tag que nã otem nenhum valor semantico, ou seja, não caracteriza algo que tem um significado a nível de conteúdo, como por exemplo um título, um parágrafo, uma tabela, etc. Eles só representam uma área física da página, com a diferença que o DIV delimita um bloco (ou seja, cria um quebra de linha) enquanto o SPAN continua na mesma linha de um paraágrafo, por exemplo. Por isso eles são chamados respectivamente elemento ‘block’ e elemento ‘inline’. O DIV é uma grande aliado para a criação de layouts, mas pode tornar-se um grande vilão se anusamos deles, então cuide-se, não exagere, ou vai ser uma vitima da DIV-MANIA!

Descobrimos como colocar borda, cor ou imagem de fundo, como gerenciar margem e padding (que ficam diferentes em diferentes navegadores) e, muito interessante, como criar layouts multi-coluna utilizando a propriedade ‘float’. Começamos a criar um layout em 3 colunas. Na próxima aula vamos terminar eles e aprender mais conceitos de CSS. Até lá.