CSS Cookbook

Also known as "The lazy person's guide to snazzing up your pages with style sheets". All you need to know is a couple of things about style sheets and how they work and you can use the cookbook right now to give a whole new look to your pages. If you don't know how to do the following things, or you just want to refresh your memory, follow the links here to our tutorial.

• Basically, what is a style sheet? and what are selectors and properties?
• How do you make one?
• How do you link a style sheet to an HTML document?

New! CSS Buttons

Create buttons that look like they are being clicked when the mouse rolls over them, using pure, standards-based HTML 4.0 and CSS, and not a piece of Javascript in sight.

Create a Side Panel

See how to create a decorative side panel which runs down the right hand side of your page using your style sheet, a very small gif and a little bit of imagination. Use the same technique to highlight your headings or other parts of your page.

Customise Links

Don't just have your links appear as boring old underlined blue text. Have a different appearance for different types of links. And liven up your pages with links that change when users roll over and click them.

Control General Text Appearance

You can use your style sheet to control how the text appears in any element on your page. Define colors, fonts, backgrounds, borders, margins and so much more. And the beauty is, if you don't like it any more, it's so easy to change.

Make your own Bullet Points

This is a great lightweight way of using a repeated image throughout a page or a whole site. With style sheets you're not constrained to using boring old dots, squares and numbers for your list items.

Create a Navigation Bar

Use your style sheet to create a simple little navigation bar to use on every page of your site.

Integrate text with Images

Make text flow around images the same as it does in a magazine or book.