Table of contents
This tutorial teaches CSS using both hand-coding and Style Master for Windows. You can also follow it using instructions for Style Master for Mac OS X. By working through the exercises you will learn all about CSS for text styling and page appearance including layout, and create a stylish looking page like this. If you want to learn CSS by hand-coding alone, simply work through all the exercises and code examples and skip all the specially styled Style Master instructions.
Style Master is a CSS editor which includes full support for hand-coding. It's a great way to start learning CSS: hand code when it suits, and fall back on the WYSIWYG editors when you're working with new properties and selectors. This tutorial is included as part of the 30 day demo download.
The Introduction tells you who this tutorial is for and how it works. You also get to take a look at the finished project.
What style sheets are and how they work.
You'll need to make sure you've got the right tools for the job before we get started.
Here's where you really get started by creating a style sheet, and then an HTML document which links to it.
Create your first style sheet rules and learn some of the basic properties.
See some more ways of styling text.
Use the HTML class attribute to style only particular elements.
Learn how to customize the appearance of links so they fit in with the rest of your design.
Use CSS to create a smooth liquid layout.
See one way of using background images to really add some pizazz to your designs.
Learn about this important selector that lets you selectively style elements on your page.
Finish off the page by styling the navbar.
Got the bug and want to learn more? This list of resources will get you started with more detailed style sheets information, tools, and more.