Cascading Style Sheets (CSS)

A collection of reference resources to help you learn CSS or sharpen your skills.

Starting Points

CSS Basics.com
If you are new to CSS, this is a pretty good place to get started.

Cascading Style Cheatsheet
Most Useful CSS Properties with Examples

The 6 Most Important CSS Techniques You Need To Know
A quick tutorial, with examples, of the 6 most important CSS techniques that Trevor Davis thinks you need to know.

CSS Tips and Tricks

• 70 Expert Ideas For Better CSS Coding
• 25-50-25 Layout using YUI Grids CSS

CSS Layouts and Templates

Sample CSS Page Layouts
A range of CSS page layouts, including 2 column and 3 column layouts - free to use and abuse as needed.

freecss.info
Free css templates which you can preview and download.

Free CSS Templates
An assortment of free CSS templates, downloadable in .Zip format.

CSS Creator - CSS Layout Generator
This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.

Dynamic Drive CSS Library
Original, practical CSS codes and examples such as CSS menus to give your site a visual boast

Zen Garden
A wonderful demonstration of how style sheets can completely change the look and feel of a website without touching the source code. Each example has exactly the same web content, but different appearance. Try it and see.

YAML Builder
Configure a layout right in your browser and then generate XHTML and CSS source code with the click of a button! With this tool, you don't have to be a CSS guru to create table free, standards-based beauty; it's a great starting point when building a new site.

CSS Tools Online

Code Beautifier - CSS Formatter and Optimiser

CleanCSS - Formatter and Optimiser
Sort, merge, and compress CSS for better formatting and optimum download speed.

CSS Optimizer
A web tool for reducing the file size of cascading style sheets.

RoundedCornr
Generate HTML/CSS code and images for rounded corners.

CSS Redundancy Checker
Find CSS selectors that aren't used by any of your HTML files and may be redundant.

List-u-Like CSS Generator
Create cross-browser list-based navigation bars with ease.

Webmaster Toolkit - CSS Menu Generator
Generates both the CSS and the HTML code required to produce a text-based, yet appealing set of navigation buttons where text links are preferred over images for search engine optimization.