Weblogs Código

RecorteX

73 usuarios y 244 recortes de código
Usuario

Contraseña
Crear cuenta
asp csharp css fechas Flash html imagenes java javascript linux mysql oracle php sql SQLServer url vbnet web xhtml xml
Top Usuarios
fjmp76 (43)
albin (31)
josuebasurto (31)
juanjo (30)
pedrocaro (9)
stanz (8)
AndiXTRM (7)
Joserra (7)
miiglesi (6)
aplyca (5)
Top Etiquetas
php (38)
vbnet (28)
javascript (26)
csharp (26)
html (25)
java (24)
sql (18)
mysql (13)
xml (13)
css (10)
Flash (7)
imagenes (7)
xhtml (7)
linux (6)
fechas (6)
asp (6)
oracle (5)
url (5)
web (5)
SQLServer (5)

Truco para ajustar el CSS

Si ponemos al principio de nuestra hoja de estilo las siguientes líneas, podremos visualizar la estructura de nuestro sitio fácilmente.

 
  * { 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 }
 

Tomado de este sitio

Comentario de FuLaNo_:
Hola, podrias explicar, más detalladamente, que hace este "truco"???
Comentario de juanjo:
Lo que hace es crear un borde alrededor de cada elemento (ya sea un div, un src o lo que sea) de diferente color según sea su profundidad dentro del arbol DOM.
Comentario de rimaya:

Similar efecto el que consigues con la extensión de Firefox: <a href=“https://addons.mozilla.org/en-US/firefox/addon/60”>Web developer</a> —> Opción — > Information —> Display Div Order
Más práctico porque no necesitas manipular tu CSS.
Saludos

Identifícate para dejar un comentario.
Proyecto: Juanjo Navarro, 2006 - Diseño: Albin