26. March 2014 17:59
In Google Chrome, the developer tools allowed you to inspect page elements and would highlight them in blue in html. It will also highlight elements in different colors like this below.
Now what do these different color mean?
Google chooses these colors corresponding to the W3 CSS box-model
- Blue is the content
- Green is the padding
- Orange is the margin
You can see this in the Metrics section of the developer tools