Backward-Compatible CSS Classes

It's funny to look back and see what you've learned about CSS and web design, as a whole. Looking back, I know that my first sites were terrible. I didn't know about Doctypes, symantically correct HTML, etc.

For those of us that have forgotten what it is like to be a new web designer, web developer, or on the client side of things, I have provided a list of CSS classes to use as a reminder (in light-hearted jest, of course).

<h1 class="secretary-turned-designer"></h1>
<h2 class="use-wherever-there-is-quoted-text"></h2>
<h3 class="gosh-awful"></h3>
<h4 class="gosh-awful capslock"></h4>
<h4 class="gosh-awful use-a-font-that-only-we-have"></h4>
<h5 class="because-i-dont-know-the-difference-between-a-header-and-bold-paragraph-text"></h5>
<h6 class="i-dont-care-about-symantically-correct-i-just-want-to-use-this-as-the-page-header"></h6>

<p class="retina-burnin hot-pink-text-on-neon-green-background"></p>
<p class="retina-burnin bright-blue-text-on-bright-yellow-background"></p>
<p class="comic-sans-need-i-say-more"></p>
<p class="i-like-frontpage"></p>
<p class="how-do-i-edit-this-in-dreamweaver"></p>
<p class="do-it-like-microsoft-word-does-it"></p>

<ol class="animated-bullets smiley-faces"></ol>
<ul class="lets-use-a-lot-of-asterisks-instead"></ul>
<ul class="because-i-think-centered-bullets-look-better"></ul>

<img class="use-logo-secretary-designed" />
<img class="make-logo-bigger" />
<img class="make-photos-of-boss-more-prominent" />
<img class="photos-of-employees display-none" />

<div class="where-is-the-table-drawing-tool"></div>
<div class="the-site-looks-bad-in netscape-4-7 ie-4"></div>
<div class="i-dont-see-whitespace-because-the-page-background-is-black"></div>
<div class="copied-html-from-word-and-the-site-is-now-broken send-angry-email-to-designer"></div>
<div class="hired-neighbors-kid"></div>
<div class="why-are-css-gallery-sites-laughing-at-us"></div>