Head First HTML with CSS

the no css test
Exercise
514 Chapter 12
Want to know how your pages are going to look to your users
under bad conditions (like on a browser that doesn’t support
CSS)? Then open your “index.html” file and remove the
from the , save, and reload the page in your browser.
Now you can see the real order things will be seen in (or
heard from a screen reader). Go ahead and give it a try. Just
make sure you put it back when you’re done (after all, this is a
chapter on CSS).
Here’s the Starbuzz page without
CSS. For the most part we’re in
good shape. It is still very readable,
although the Bean Machine does
come before the main content,
which probably isn’t what we want.
Look Ma, no CSS!
Righty tighty, lefty loosey
Let’s get the Starbuzz page switched over so that the main content is floating left. We’ll
check out how that works, and then move on to make it really work. You’re going to see
the mnemonic righty tighty, lefty loosey holds true in the CSS world too... well, for our
sidebar, anyway. Here’s how we convert the page over... just a few simple steps.