8 breves trucos CSS imprescindibles

En 8 Premium One Line Css Tips | Css Globe se resumen muy bien 8 trucos CSS y en los comentarios se añaden y corrigen algunos. Os lo dejo en español:

1. Centrar verticalmente con line-height

line-height:24px;

2. Prevenir que se el contenido salga del ancho fijado en diseños con elementos flotantes (por ejemplo una imagen)

#main {overflow:hidden; }

3. Para que los enlaces permanezcan en una sola línea

a{
	white-space:nowrap;
}

4. Para que siempre aparezca el scroll vertical en Firefox y de esta forma no baile el ancho en páginas en las que sí es necesario

html{overflow: hidden;}

5. Centrar elementos horizontalmente

margin:0 auto;
text-align: center;

6. Quitar el scroll vertical de los textarea en IE

textarea{overflow:auto; }

7. Forzar saltos de página al imprimir

h2{
	page-break-before:always; }

8. Quitar los bordes de los enlaces

a:active, a:focus{ outline:none; }

12 de Marzo, 2008

Categorías: Accesibilidad, CSS, Diseño, Diseño Web, Utilidades