A CSS hack to show page element layouts

Today I stumbled over an interesting blog post by Gajus Kuizinas. The idea is to inject a CSS style snippet into a web page to show the layout of all web page elements. This can be achieved by setting a different translucent background color for every depth of nodes. This way you can see the size, the margin and the padding of each element on the page.