Directorio de Conocimiento

conocer, saber, aprender,...

Menú

Inicio > Internet > Estándares

Trucos interesantes en CSS

Borde para todos

Con el siguiente código, todos los elementos de la página Web aparecerán delimitados por líneas de colores. Te puede ayudar en las pruebas antes de publicar.

* { border: 2px dotted red; }
* * { border: 2px dotted green; }
* * * { border: 2px dotted orange; }
* * * * { border: 2px dotted blue; }
* * * * * { border: 1px solid red; }
* * * * * * { border: 1px solid green; }
* * * * * * * { border: 1px solid orange; }
* * * * * * * * { border: 1px solid blue; }


Hay otra versión que usa OUTLINE en vez de BORDER pero no funciona en IE.

Sin márgenes ni padding

* { margin: 0; padding: 0; }

Elimina el margen y el padding de todos los elementos. Lo uso desde hace tiempo y ayuda mucho para posicionar correctamente todo en un diseño.

Después solo se tiene que dar margen a aquellos elementos que lo necesiten.

h1, h2, h3, h4, h5, p, ul, blockquote { margin-bottom: 1em; }