Ｒｙｎのページ（商業高校情報教育研究室）

正式には、カスケーディング　スタイル　シート（Cascading Style Sheets)という。
「HTMLは、見出し、本文、表、リスト、など、文書の構造を記述するものであり、 右寄せ、中央寄せなどのレイアウトや文字の大きさや色などとは切り離すべきだ」 という考えによって作られたもの。
（将来、上記の種類のHTMLタグは削除される可能性があります。 もっとも、ブラウザが対応を取り止めるのはもっとずっと先になると思いますが...）
HTMLのタグに比べ、より柔軟で高度なレイアウトや表現が出来る。
また、スタイルシートの記述をHTMLのWebPageと別のファイルに記述し、 各WebPageからそのファイルを参照する様にしておくことで、 統一したデザインのサイトを簡単に構築出来、その変更も楽になるという利点も有る。

以下、個人的な意見。

「スタイルシート」に関しては、賛否両論、色々と言われている様ですが、 ブラウザの種類やバージョンの違いによって見え方が違うのは、 HTMLでもスタイルシートでも、同じこと。 「より綺麗にカッコよく見せたい」と「より多くの人に見てもらいたい」の２つにおいて、「どこのレベルで妥協するか」でしかない。
「スタイルシート」自体を、あーだこーだ、とか、ウダウダと、とやかく言っていないで、 HTMLでもスタイルシートでも、対応のブラウザではより綺麗に、 非対応のブラウザでも、最低限の、こちらの伝えたい情報が相手に伝わる様なデザインを心がけるべきなのでないかと思うのです。

---

スタイルシートを使ったページのサンプルです（対応ブラウザで見て下さい）
WebPage内において、font, color, size, center, right, left, などは、敢えて使用していません。
また、このサイトで使用しているスタイルシートとは別物です。

サンプル１／黒板風

デザインは黒板。

サンプル２／ノート風

デザインを白いノートに変える。

「サンプル１」のHTMLソースの6行目の参照するスタイルシートのファイル名を変更。

スタイルシート側のファイル名を差し替えれば、変更する必要さえない。

サンプル３／無効

「サンプル２」をスタイルシート非対応のブラウザで見るとこうなる。

「サンプル２」のHTMLソースの6行目を無効化した。

（’０２／０９／２３　記す）

---

「キーワード辞典」の目次へ