スタイルシート とは?
ホームページ作成に関係のあるスタイルシートは、正式には、カスケーディングスタイルシートという。略してCSS。
本来、HTMLファイル内の各個所に設定されるべき装飾・レイアウト等に関する指定を、別のファイルにまとめたもの。HTML内に直接書き込むより、より凝ったデザインを作る事ができる。
簡単なものでは、表示フォントサイズの固定などもスタイルシートの仕業。
大抵のホームページは、見出しや小見出しなど、テキスト装飾の仕方にパターンがある。HTML内でいちいち、具体的に指定するのではなく、別ファイルに、まとめておいく事で、HTMLの内容を文章構成のみのシンプルなものにする事ができる。
ブラウザは、スタイルシートファイル内に書かれた装飾の仕方を参照して、表示を行う。
例えば、下記のようなHTMLがあったとする。(解りやすく、タグは日本語)
<スタイルシートの1で装飾>1行目<ここまでスタイルシートの1>
<スタイルシートの2で装飾>2行目<ここまでスタイルシートの2>
スタイルシート内に、
1は、赤くする
2は、太字で青くする
とあれば、「1行目」は、赤く、「2行目」は、太字で青く表示される。
このようなページがホームページ内で何ページあっても、スタイルシートを
1は、黄色
2は、ピンク
にかえるだけで、全てのページが同じスタイルシートを参照していれば、全てのページが「1行目」は、黄色、「2行目」は、ピンクで表示される。
W3Cでは、スタイルシートの使用を奨励しているので、技術の進化は、スタイルシートを使ってホームページを作る方向に進化しているが、全てのブラウザで、全てのスタイルシート記述が認識できる訳ではない。という辛い現実もあったりする。


