スタイルシートとは、Ｗｅｂページをデザインまたはレイアウトするための規格（言語）といえます。
近年、Ｗｅｂページのデザイン的に優れていて見栄えがいいホームページが多くなりました。
ＨＴＭＬタグだけでも、ある程度なら文字の色、書体、tableタグを使ったレイアウト等のデザインをする事が出来るのですが、限界がありＨＴＭＬというのは文書構造を論理的に定義する為の言語であり、ＨＴＭＬでは「見出し」がどの位置で「画像（イメージ）」がどの位置で・・・といった要素をタグを使って意味付け（マーク付け）するのが目的で、デザインやレイアウトといった指定をする言語ではないのです。
そこで、Ｗ３Ｃ（World Wide Web Consortium：ＨＴＭＬの標準化を行なっている非営利団体）がＨＴＭＬの方向性について見直しを行い、Ｗｅｂページの見栄えをよくするという事と、文章の意味付けする事を分離しました。
つまり、ＨＴＭＬは今までどおり文章の意味付けを行い、デザインやレイアウトといった見栄えをスタイルシートが行なう事になったのです。
スタイルシートもワープロ等の「スタイル」機能と同じと考えていいと思います。スタイルシートを利用すればＨＴＭＬで不可能だったデザインやレイアウトも可能となります。
補足：1996年にＣＳＳ１が公開されましたが、ＣＳＳ１を拡張したＣＳＳ２が1998年に公開されて現在にいたっています。
ＣＳＳ３も開発中とのことです。
※スタイルシートにはＷ３Ｃが勧告しているＣＳＳの他にもあるのですが、一般的にスタイルシートといえばＣＳＳを指していると考えていいと思います。
スタイルシート（CSS）を使用したメリット
・ＨＴＭＬタグ単独では不可能または複雑な記述が必要だったのが簡単に可能となる。
・デザインファイル（拡張子が".css"）として別ファイルで管理する事によって、この１ファイルの修正のみで複数ページに反映される。
・また別ファイルとして管理出来るのでＨＴＭＬファイルの記述が複雑にならず、認識率が高まり更新作業が容易になる。
・複数ページのレイアウト、デザインの統一が容易になる。 |
スタイルシートとは