In this lesson
Demonstration of CSS potential
The two windows below show the HTML code (top) and the web output (below) of our demonstration page. To change the style (and thus the visual effect) you need to make a simple change to the html code. Instead of calling the style sheet called "demo0.css" (which our initial design) you can edit the fourth line of the code to call one of the following - demo1.css, demo2.css or demo3.css. Just change the number in the file name and press the "click here to view changes " button. If you want to restore the original html code use the button at the bottom of the table.
The above is a very simple demonstration to remind us of an important principal in accessible web design - get the content right first, then add the design.
There are many resources available for learning more about style sheets. The W3C provides a useful tutorial at http://www.w3schools.com/css/default.asp but there are also many books available including some useful ones from SitePoint (http://www.sitepoint.com/books/)