スタイルシ－トとは？

質問

なんなのか？

回答No.2

s_hukami

参考URLはウィキペディアのCSSについてのページです。
下の方にCSSについての外部リンクも掲載されています。
一般に「スタイルシート」と呼ばれている「CSS（カスケーディングスタイルシート）」はHTMLやXHTMLなどの見栄えを指定するものです。
文字の色や背景、周囲の余白や罫線などが細かく指定できます。
W3Cの話など細かい説明をすると長くなるので、割愛します。

私が最初に自分のサイトにスタイルシート＝CSSを導入した理由は、ファイルサイズを軽減し、見栄えを整えるためでした。
当時はまだNN4.xを利用している人も結構いたため、TABLEははずせませんでしたが、現在はTABLEタグはほとんど撤廃し、ほとんどの部分をDIVタグとCSSでデザインしています。

スタイルシートを別ファイルに保存し、それをHTMLからリンクして使用することにより、ファイルサイズを軽減すると同時に、サイトデザインを統一することができます。

また、スタイルシートを別ファイルとして作成するメリットは、例えば、クリスマスやお正月など、季節やイベントでサイトデザインを一新したい場合には、スタイルシートを差し替えるだけで全てのページのデザインを変更できます。

全てのページのレイアウトをTABLEではなくDIVでデザインするメリットは、クラスやIDなどとの併用により、大幅なデザイン変更をする場合の作業も軽減されるということです。

慣れるまでは大変かもしれませんが、慣れるとサイト更新などがすごく楽になります。
例えばCSSで「.red { color:red }」などと指定して、HTMLの赤い文字で表示したい箇所に「<span class="red">注目！</span>」などと記述すれば、その指定したテキストだけを赤色で表示することが可能です。
CSSは複数のタグにも指定できますし、文字サイズや背景なども細かく指定できます。
ブロック要素（DIV,Pなど）ならば余白や高さなどを指定できます。
私が最初に使用したCSSは「p { line-height: 180%; letter-spacing: 1px; }」です。
この指定では、行間を１文字の1.8倍、字間を1pxにしています。
こうすると字がピッチリ詰まっているよりも隙間が空いて読みやすくなるので、長文の場合は非常に便利です。

参考URL：

http://ja.wikipedia.org/wiki/Cascading_Style_Sheets