Brought to you by Style Master

1. Introduction

Style Sheets are fantastic. They offer almost all the typographical and page layout power we've wanted on the web for years. They promise to make developing, tweaking and maintaining web sites an order of magnitude more productive than ever before, and they are a W3C recommendation, the next best thing to a standard.

So why aren't you using them already?

OK, so the browser support is not perfect.

But I think there is another important reason, a more important reason. The learning curve.
I teach this stuff at (the Australian equivalent of) College, and I know that it is something that even proficient web developers don't necessarily get at once. There are good reasons for that. So, this is my contribution to flattening the learning curve.

I want to see style sheets succeed. I think they are a tremendous technology, and I have a vested interest too. My company develops a style sheet editor (well, the truth is, I develop it, my company just sells it). But I only did that because I looked at this tremendous technology, and thought, "this should be the bee's knees".

This tutorial is very "hands on". In the process of developing a comprehensive style sheet that will form the basis of your web site design, what you might think of as a "core" style sheet, we'll learn about the most important aspects of style sheets. After these 10, 1 hour (or so) lessons (which I don't recommend doing in 10 straight hours, but don't let me stop you) you'll know how to use most of the important features of style sheets.

If you prefer a top down approach, I have also written Everything You Ever Wanted to Know About Style, which covers the subject from a more theoretical perspective. You might prefer to begin with that, then continue with this, or do these lessons, then put it all into perspective with that tutorial.

Who is it For?

Whether you know what style sheets are, or have only just heard of them, but you don't really know how to work with them, this tutorial is for you. Its also to help you learn how to use Style Master, the cascading style sheet editor for the Macintosh and Windows from Western Civilisation software. Note that the screen shots used in this tutorial are taken from the Macintosh version of Style Master. Windows users may prefer to download a Windows-flavoured tutorial, complete with Windows screen shots. See below for the downloading section.

If you know something about style sheets, and how to use them, and now want to really master them, then try another tutorial I have written, Everything You Ever Wanted to Know About Style. And once you've mastered this tutorial, you can turn there to learn much more about style sheets.

What are we going to do?

Over the next 10 hours we are going to build a core style sheet, which will define, or describe how your site should look. Never again will you have to define the background color, or image, or the various link colors in your document. Every time you create a new page, you can simply link to your style sheet, and you are set.
And if you want to overhaul your site, just edit the style sheet, and your whole site appearance will change.

Well begin with a short introduction to style sheets. If you want to get straight into the action, then go to our checklist to get started immediately.

Can I Download this Tutorial?

You can download this entire tutorial and then work from it offline if you wish.

Download here for Macintosh (.hqx) and here for Windows (.zip)

 

The House of Style