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;
· 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.
Nada mais simples:
outline:none;
font: blue.muiomuio.net
Veja e compare preços de TV LCD e TV PLASMA
0 comentários
Postar um comentário