フルCSSサイトのコーディング時に苦労する点として、カスケーディングの把握があります。
DIVのカスケーディングをビジュアルに確認できる可視化ツール(コード)をオリジナルで作成したので、紹介します。
■使い方(FireFoxのみで動作確認)
以下のテキストリンクを、ブックマークに登録します(ドラッグとかで)。
実行したいページで、登録したブックマークをクリックしてください。
登録したブックマークの中身はJavascriptになっており、クリックすることにより実行され、DIVタグが表示されます。
元に戻すには、ページをリロードしてください。