Anyone serious about working on their own website should install Chris Pederick's Web Developer browser extension, (and I suggest using it with FireFox).

The toolbar adds all kinds of diagnostic tools for debugging CSS, HTML, DOM, images and more.  In-fact, it has so many features, many developers forget what is buried deep inside the toolbar's pull-down menus.

Lets say you wanted to outline all the TABLE CELLS on a page.  You could click Tools, then Web Developer, then Outline, then Tables and finally Table Cells, (as the menu below shows);

To outline all TABLE CELLS using Chris Pederick's Web Developer toolbar requires (5) pull-down menu hovers and clicks.

Instead, if you prefer you can shorten all of clicking to a series of keystrokes.

All of the shortcuts begin with [ALT]+[T]+[W].. so all you need to remember is the 2-3 keys after that.  The example above, to Outline Table Cells is [ALT]+[T]+[W]+[O]+[T]+[C].

Here's a few more commonly used ones.

View Image Information ......... [ALT]+TWIV

View Image Information using Chris Pederisk's Web Developer toolbar.

Outline Block Level Elements ......... [ALT]+TWOB

Menu navigation needed to oultine all block level elements using Chris Pederick's web developer toolbar.

To learn the shortcuts, start by pressing  [ALT]+TW, then look for the bold / underlined characters in each menu item.

###