Inicio > OpenSource > Buen truco para debugear tus CSS

Buen truco para debugear tus CSS

Viernes, 11 de abril de 2008 Juan Jorquera Dejar un comentario Ir a comentarios

Via anieto2k.com

Muy buen truco para poder tener tus capas más o menos colocadas sin tener que darles colores a cada una de ellas. La verdad es que su facilidad me ha sorprendido y su funcionamiento es simplemente genial.


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

Pega este código en cualquier parte de tu CSS o mejor aún crea un fichero CSS y lo agregas a tu proyecto, esto hará que todos tus elementos aparezcan delimitados por lineas de colores. Muy util para las últimas y primeras etapas de maquetación.

Articulos relacionados:

Utilidades online para CSS (optimizar, comprimir, crear menús) Layouts para tu web Crear menus de Tabs con CSS Bases de la Maquetacion con CSS Templates gratuitos de CSS Creme
Categories: OpenSource Tags: css
Sin comentarios aún.
Sin trackbacks aún.


You are viewing a mobilized version of this site...
View original page here

Mobilized by Mowser Mowser