Style Sheet Tutorial

Take a look at this page. I think you'll find it's pretty simple and straightforward. No cutting-edge design work going on here. But if you were to take a look "under the hood," you might find something going on that is a bit different than what you're used to.

The look of this site—the fonts; font sizes, styles, and colors; margins; and background colors—are controlled by style sheets. This site will give you a quick overview on style sheets and give some simple tips on how to use them together with the new templates to improve the look of your pages while making them easier to maintain.

The Basics What are style sheets? What are the basic ways of defining styles in my Web pages? Font Families Changing the look of some of your fonts or all of your fonts Font Size Using font size to make you page readable, understandable, and accessible Font Styles and Colors Fun with font styles and colors, but not too much fun

Background Colors Fun with background colors, but not too much fun Text Formatting Controlling the white space around your content Troubleshooting Common problems with the template style sheets More resources Books and Web sites to help you learn more