Lunes ~ Agosto 7, 2006

Buen truco para debugear tus CSS

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.

Quizas te pueda interesar

4 Responses to “Buen truco para debugear tus CSS

Pingback

Comentarios

1

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.

# Erudite -- 08/08/06 - 7:46 am Responder
2

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.

# aNieto2k -- 08/08/06 - 8:33 am Responder
3

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

# Fernando -- 18/11/06 - 2:25 am Responder

Deja un comentarioTop

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.

Esta web se encuentra sobre la licencia Creative Commons (Reconocimiento - Compartir igual) / Politicas de uso

Cerrar
Enviar por Correo