When designing a web site, it’s generally a good idea to keep your sites navigational elements text-based. This has several advantages, like being search engine friendly and easily accessible to screen readers and hand-held devices. Let’s face it, though, sometimes that’s not always practical and what the site design really calls for is a nice menu comprised of graphics in which the actual menu text is stylized. So, here’s a little trick that will give you the best of both worlds.

Coding CSS can quickly get out of control. By following a few simple guidelines you can make your life a lot easier.

Coding CSS can quickly run into difficulties with different browsers interpreting code in different ways. Designs will never look the same in every browser but you can help yourself by using a default style set when you start coding.

Learn to write neater, more efficient CSS using CSS shortcuts.

Hanging Punctuation refers to the technique of positioning certain typographical elements, such as bullets, quotation marks on pull quotes, etc. into the margin of a document, so that the main text that the glyph highlights remains flush with the rest of the body copy around it. Often seen in print, rarely used on the web, hanging punctuations can help keep the flow of your document and make the text easier to read.

This method explains how to use rollover CSS links without the need to preload the background image and still have a smooth rollover.

Learn how to make rounded corners on thumbnail images through CSS

One of the main advantages of using CSS is the large reduction in web page download time. To style text, you used to have to use the tag over and over again. You probably also laid out your site with tables, nested tables and spacer gifs. Now all that presentational information can be placed in one CSS document, with each command listed just once.