Uma ótima ferramenta para isso é Firebug . Você também pode usar a barra de ferramentas Desenvolvedor da Web para obter um efeito de "realce e borda" nos elementos posicionados .
Antes de eu mesmo construir, existe uma ferramenta que me dê uma estrutura rápida de árvore de uma página da Web? Basicamente, todos os Divs e outros elementos de layout com uma visão geral de suas tags de ID e CLASS, mas sem scripts, spans ou outro conteúdo sem layout (e sim, eu sei que a posição css: absoluta pode transformar tudo em um elemento de layout, mas vamos ignorar que ...).
Isso é para obter uma visão geral do Aninhamento, das classes CSS herdadas, etc.
Edit: Eu quero imprimir ou copiar o esquema para anotá-lo, então ele precisa realmente remover quaisquer elementos de conteúdo / não layout.
Uma ótima ferramenta para isso é Firebug . Você também pode usar a barra de ferramentas Desenvolvedor da Web para obter um efeito de "realce e borda" nos elementos posicionados .