Marquinh05.com

Vejamos uma solução simples e prática para centralizar objetos em uma página utilizando código css.

Esta solução é muito útil por exemplo para colocar uma imagem em uma página de apresentação ou ainda imagens de “site em breve!”

Como ainda estamos na era da grande guerra de navegadores o código está seguido de um hack para funcionar também no IE 6.

.centered 
  {   

   position: fixed;     

   top: 50%;     

   left: 50%;     

   margin-top: -50px;     

   margin-left: -100px;     

   }     

*html .centered     

  {     

  position:absolute     

  }

teremos como resultado

Creio que uma das maiores dificuldades em aprender CSS está em conhecer e memorizar todas os atributos e propriedades. Encontrei hoje uma lista com todas as propriedades CSS em ordem alfabética. Para cara propriedade é mostrado varias características como, valor default, que elementos a possue, sintax, exemplo de utilização, browsers compatíveis, e muito mais.

Acredito que vale muito a pena tê-la em sua lista de favoritos.

Link | propriedades CSS ordenadas