スタイルシートはＷＥＢの見栄えを良くするための機能です。というより、見栄えを定義する方法なのです。HTMLには文書担当に専念してもらい、スタイルシートに見栄えの部分を分担してもらおうという考えからできたものです。

CGIにはPerlなどの知識が必要ですが、CSSは簡単にご自身のブラウザでテストができます。気軽にHTMLに記述してみてください。

そのためには、スタイルシートで何が出来るかを話さなければいけないのですが、それは後回しにして言うと・・・

例えば、あなたのホームページに20のページ(HTMLファイル)があったとします。それぞれのページの先頭に <h1>と</h1> に囲まれてそのページのタイトルが書かれていました。タイトルは白地に黒の文字。その文字を、まとめて青い文字に変更したいときはどうしますか。もちろん20ページ分、全てのHTMLファイルを書き直さなければいけないですよね。でもスタールシートを使うように記述しておくと、HTMLファイルは全然書き直さずに、スタールシートファイルをチョコッと直せば全ページでの表示を変えることができるのです。

HTMLを少しでも理解している人には、それほど難しくないのではないでしょうか。HTMLが全然分からない方には、チョットつらいかな？

でも、あなたがホームページを持っていたら、ひょっとするともう既にスタイルシート機能を使っているのかもしれません。ホームページビルダーなどHTMLをワープロ感覚で作成してくれるソフトが、知らないうちにスタイルシートの記述を使っているのです。

「それならスタイルシートなんて、知らなくてもいいじゃない」。
確かに・・・

それでは、どんなことができるのかだけでも見てください。ひょっとしたら、「へー！こんなことができるんだ！！」と驚かれることもあるかもしれません。CSSの概要を知って、あなたのページに取り入れたくなることがきっとありますよ。

先ずは基本篇です。どのように記述していくかを説明しています。最初は詳しく読む必要はありません。読み飛ばしても結構です。どのようなことができるのかを見て、「使ってみよう」という気になったらじっくり読んでみてください。

書き方の基本(記述方法の概略)
• STEP1：必要な部分に直接書く(STYLE)
• STEP2：範囲の指定(SPANとDIV)
• STEP3：１ページ全体で使う(STYLE TYPEとCLASS)
  
• STEP4：複数のページで共通に使う(LINK REL)
  

基本篇は、あとでゆっくり見てください。それよりも何ができるかです。