html - Seeing CSS margins for debugging -


I use the following CSS styles to debug where the settings of my div and span (usually commenting on it) :

div {outline: 1px dashed blue} Duration {outline: 1 px dashed green}

While it shows the outer boundary of divs and spans And padding gives the idea of ​​a relative inside the object / text, it does not help visualize, where The margins handed style. I understand the difference between padding and margin, but I should be able to see the visual effects on page creation (too much detail, very little attention period).

Is there an external form to show the rectangle where the margins are for a style?

I do not have any attributes in the form of a margin outside range which is the purpose of a margin Is against

Although this was a great technique in early web development, but for a few minutes to familiarize myself with installing firebug or Chrome's developer tools, or "inspection" features of Safari, etc. Can not strongly recommend strongly. Get more data than just hours and hour-hours with hand-made debug style with code.

You will love them!

Firebug allows mingue especially on code and highlight your main box, color coded padding and margins etc. An invaluable tool - It's also fantastic that Dreamweaver's visual outline tool is built into it.

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

c# - Add Image in a stackpanel based on textbox input -

java - Reaching JTextField in a DocumentListener -