Hoje, vamos dar continuidade as propriedades de interface para CSS3. No post anterior falamos sobre box-sizing e resize, agora iremos ver as propriedades para múltiplas colunas ( columns, column-count, column-widht, column-gap, …). Depois de ler este artigo você deverá no mínimo, saber tudo sobre múltiplas colunas em CSS3!

Múltiplas Colunas com CSS3

Até o CSS2, dividir um layout em colunas era um pouco complicado, tendo de recorrer, como melhor opção, ao uso de grids (Grid 960 e etc…). Com CSS3 essa história já muda!

Basicamente, a diferença entre um Grid CSS – por favor pesquise sobre o assunto se ainda não tem conhecimento -, e o módulo para múltiplas colunas em CSS3 é: com CSS3 as colunas são mais flexiveis, tornando mais fácil a manipulação, o HTML irá “fica de lado”, sem deixar de ter o mesmo resultado de um Grid CSS, com algumas melhorias é claro… Vejamos como manipular múltiplas colunas em CSS3:

Em mais um post sobre CSS3, hoje vamos nos prender especificamente nas cores em CSS3, mas vamos nos prender mesmo… O objetivo de hoje é fazer com que tenhamos (e eu também estou incluso) pleno conhecimento das características e diferenças que há em cada “modo” nas cores. Vamos lá:

No CSS2 a cor mais usada é no formato hexadecimal (#000000), logo depois, neste rank vem a definição da cor de acordo com o seu nome (black), chamada de color-name – não entrarei em mais detalhes. De fato estes dois modos (principalmente o primeiro), são mais que suficiente para se trabalhar com cores em CSS. Sendo assim, antes de entrar nas cores em CSS3, vamos dissecar o formato hexadecimal, que é onde encontraremos nossa “inspiração” para entender as cores em CSS3.