CSS Makeover

Let us look at a practical application of CSS.

We will take a real html page that has been built using non css methods and rewrite it using CSS.

I have changed the name of the original page to 'protect the guilty'.

Check out the examples below and carefully study the the source code for each.

Original version CSS version

Even for this small example the CSS version is

• smaller and cleaner.
• does not use tables for layout
• is easier to maintain and update

For example, To change the text color requires 5 changes with the old version.
With the CSS version only one change is necessary.

---