Cascading Style Sheets Tutorial

This tutorial is the place for novice's to learn about Cascading Style Sheets (CSS).

If you already know how to use cascading style sheets, then use it as an online guide as it is a great reference source. Everybody needs to occasionally refresh themselves on some of the basics now and then. Just use the links on the left to jump to whatever interests you. The rest of you might want to take them in order so as not to get lost or confused.

Cascading style sheets are a great way to improve upon your web pages over HTML. You can control just about every aspect of the look and feel of your pages. Something that's difficult to do with conventional HTML page making. You can redefine an HTML tag to the point that it barely resembles itself or create custom tags just for your pages. You can do things that are difficult to impossible to do with traditional HyperText Mark-up Language. Why take a look at this very page your reading. If you stripped away all the CSS codes, it would look and act very different (click here to see!).

For example, the placement of all the elements is controlled with CSS. Normally there's a default margin around a browser window that keeps you from hugging things right up next to the edge, a gap between the window and its content. That's not what you see here! Things are right up tight to the edge. And how about those links! Put your mouse over one and see what happens. That color change could also have a changing background color or image if you wish.

You could create a different look for each and every one of your links if you like. Nice thing is, you only have to declare it once, not for every instance you wish to use it in. Think of all the time you'll save coding your pages and less coding means smaller pages which means quicker downloads for your visitors too.

In these tutorials we assume you already know how to make web pages using HTML. If not, go learn, it only takes a few hours to educate yourself on the basics. We'll still be here waiting for your return. Otherwise, go through the links on the left starting with "Placement" and by the time you get to the end you'll be making beautiful pages with CSS.