Anthony's Cascading Style Sheets 2 Tutorial

Cascading Style Sheets, also known as CSS, are added to an HTML document allowing us to easily control the style and look of our webpage. It's recommended to use Style Sheets in HTML documents because they replace HTML tags that are deprecated (outdated). But best of all, Style Sheets offer a lot of flexibility allowing us to create effects which can't be achieved with HTML tags only.

This tutorial uses the latest W3C recommendation for Cascading Style Sheet level 1 and Cascading Style Sheets level 2. At present, Cascading Style Sheets level 3 is under development. Every example in this tutorial has been tested in Internet Explorer 5.5 and Netscape 6, so everything you see in this tutorial works cross browser (Internet Explorer and Netscape).

A few notes:

This tutorial does not describe the use of HTML tags but only the use of Cascading Style Sheets. If you are not familiar with HTML tags you might consider visiting Anthony's HTML 4 tutorial first.
This tutorial does not describe all CSS 1 and CSS 2 style elements because some of them don't work cross browser or only work in one browser. Still, if a style element is mentioned but doesn't work in a particular browser than this will be stated. Also, some style elements have been left out because their use is less frequent or don't apply to visual documents.
Updates will be made when required.
A guideline:

HTML tags are written in green while Style Sheets are written in orange.

So, examples look like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Document's title</title>
<style type="text/css">
body { background:#00ff00 }
'-> style element
</style>
</head>
<body>
Contents goes here
</body>
</html>
This tutorial is available as a free download for offline browsing and/or studying. Please click here to go to the download page.

Ok now, are you ready to experience the ease and power of Cascading Style Sheets? Yes? Well then, click here to start with lesson 1.