CSSってなに?

CSSの基礎知識

CSS(Cascading Style Sheets)は、HTMLの表示方法を指定する目的で設計された言語です。HTMLは表示方法を指定する言語ではなく、 文書構造を示すための言語であるため、その表示方法を設定するための別の言語が必要でした。そのため、1994年のW3C設立以前の段階で、 CSSの草案はすでに公開され、HTMLとセットで使われる準備が整っていったのです。

しかし、次々とリリースされる新しいバージョンのブラウザでは、W3Cの意図と異なる方向へ進化してしまいます。それぞれのブラウザが 独自にHTMLの要素や属性を拡張し、CSSを使わないで表示方法を指定するという方向へ進み始めました。

それを危惧したW3CはCSSの仕様を2段階で公開することにしました。1996年に少しでも早くHTMLの拡張を食い止めようとCSS1が、 そして1998年、現実的に十分な機能を備えたCSS2が公開されました。

しかし、現実的なものとして使われ始めたのは数年経った2002年〜2003年ころからでした。それはCSS2を使うことができるレベルに達した ブラウザの登場が2000年以降だったからです。それとWEB標準を基本的な前提とするSEOやアクセシビリティが浸透し、ブログなどのCSS を使った新しいテクノロジーがここ数年で流行し始めたからだと考えられます。

CSSを使うメリット

数年前までは、どのブラウザでサイトの閲覧をしても同じように表示されることを中心に考えて制作されてきましたが、現在ではアクセシビリティ やSEOなど、表示以外にも考えないといけない事があります。それらを効率よく実現するためのベースになるのがWEB標準に準拠することです。

CSSのみに注目しても、HTML側でレイアウト用の複雑なテーブルを使う必要がなくなってHTMLソースが非常にシンプルになります。そのため容量も 軽くなり、WEBページを表示する時間が短縮されます。現在ではブロードバンドの普及でユーザー側での表示速度も速くなっているので、あまり 気にしなくてもいいことかもしれませんが、一度に多くのページを開いて見るユーザーもいます。なにより制作者側では表示方法を一元管理できるので 大量のページのスタイルの変更が容易になります。