Contenido

Buen truco para debugear tus CSS

7 Ago

+ 4

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.

Curioso y util, aunque yo uso la extension de firefox “Web Developer” que hace mas o menos lo mismo con divs, tablas, etc según seleciones tu.

Si, sin duda es lo mejor que he visto pero para Firefox en IE te has de idear alguna, ya que las toolbars que hay para IE no son tan completos.

hola bueno no se si me podria dar algunas pautas para hacer un pagina similar ala tuya usando css o algun tutorial explicando paso paso crasion de sitios usando css con ejemplos

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.