8 dicas uteis em CSS

O CSS Globe publicou á uns tempos um artigo com 8 dicas CSS interessantes. No artigo intitulado 8 Premium One Line CSS Tips podem encontrar exemplos de algumas destas linhas em funcionamento.

• Alinhamento vertical com Line-Height

  line-height:24px;
  
  Quando se atribuí uma altura (height) fixa a um bloco pode-se usar a propriedade line-height para centrar verticalmente o conteúdo.
  Mais sobre o line-height:
  http://www.w3schools.com/css/pr_dim_line-height.asp
  http://www.maujor.com/tutorial/elinhas.php

• Impedir que o conteúdo saia fora do layout

  overflow:hidden;

  Este código irá esconder todo o conteúdo que sair fora do layout. Imaginando que temos um DIV com 500px de largura e um link enorme. O texto do link que ultrapassar a largura definida (500px) não irá aparecer.
  Se quiserem que apareça um scroll para que o conteúdo mostre todo e apenas quando o conteúdo ultrapassar as dimensões definidas podem usar o seguinte código:

  overflow:auto;

• Impedir que o texto se parta

  white-space:nowrap;

  Podem ver um exemplo aqui do que acontece quando se usa o nowrap.

• Centrar blocos horizontalmente

  margin:0 auto;

  O valor auto funciona para as margens laterais (esquerda e direita). Isto fará com que o bloco fique centrado horizontalmente.

• Remover borders de links activos

  Quando se clica num link aparece um border á sua volta. Já falei disso aqui e como remover este link. Nada mais simples:

  outline:none;



Sem dúvida, excelentes dicas