XHTMLで正しい構造のWebページを作成しておけば、デザイン部分の変更や修正はCSSだけで行えるようになります。

Css Zen Gardenではその例を多く公開していて直感的にCSSの便利さを知ることができます。

CSS Zen Gardenのすべてのデザインはこちら。
すべてのデザイン一覧を見るとCSSを変更するだけでどんなデザインにも変更することが出来るということがわかります。

• Basic: 基礎知識
  • CSSの書き方
  • CSSを書く場所
  • コメント
  • 長さの指定
  • 色の指定
  • スタイルの継承
  • 優先順位
  • box model
  • inline要素とblock要素
• Background: 背景
• Border: ボーダー
• Classification: 分類
  • clear
  • cursor
  • display
  • float
  • position
  • visibility
• Dimension: 寸法
• Font: フォント
• Generated Content: 生成内容
• List: リスト
• Margin: マージン
• Outlines: アウトライン
• Padding: パディング
• Positioning: ポジション
• Table: テーブル
• Text: テキスト
• Pseudo-classes: 擬似クラス
• Pseudo-elements: 擬似要素

• Basic
• Print
• Aural
• Measurements
• Color Values