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 :cool: