About CSS

スタイルシート概要についてのページです。
スタイルシートとは、正式にはCSS（Cascading Style Sheets）で、 HTMLを規格している団体W3C（World Wide Web Consortium）が、勧告したものです。
CSSは1996年12月に、CSS1（Cascading Style Sheets level 1）として、W3Cから正式に勧告されました。
1996年秋にIE3が、ブラウザとして初めて不具合がありましたがCSS1をサポートしました。1997年春に、IE4.0でCSS1がサポートされました。
2年後に現在のCSS2になりましたが、W3Cが勧告しているプロパティすべてを対応しているわけでありません。Ver.5.5で対応するプロパティが追加されています。また、Ver.6.0で独自のプロパティが追加されバージョン毎にどんどん進化しています。

スタイルシートとHTMLとの違い

スタイルシートは、単独で使用するものではありません。 HTMLに組み込み、HTMLで表現できなかった部分をサポートします。HTMLもバージョン毎に機能が変更されています。HTML 4.01では、非推奨のHTMLタグが増えスタイルシートへの移行をW3Cは推奨しています。

HTMLで構造を作り、スタイルシートで形にする

もともとHTMLは、文書の論理構造を定義する言語として考案されました。
文書には、段落があったり、強調部分や何段階の見出しがありますが、この部分は段落、見出し部分というマーキングだけで、どのように表示するかは決定されているわけでありません。したがって、ブラウザによって文字の大きさや書体は異なって表示されます。
現在のHTMLでは、タグや属性が追加され文書表現ができますから、HTMLでも形を作れるとような錯覚をしてしまいます。
スタイルシートは、HTMLで論理構造化した文書の段落や見出しなどを具体的に形にする役割をします。WordやDTPソフトのように、文字のサイズや行間や色、配置位置などを決めることができます。
また、本文や見出を用途に応じたスタイルを作り文書を表現することができます。

スタイルシートの特徴

スタイルシートは、これまでHTMLで表現できなかった機能を数多く持っています。

デザインやレイアウトが柔軟にできる

スタイルシートでは、ポイントやミリやピクセルなど多くの単位が使用できます。文字の大きさや行間を細かく表現することができます。
HTMLでもっとも困難だったレイアウトも、要素の配置位置などを単位や設定することができますから、<TABLE>タグを複雑に使用しなくても、きれいなレイアウトができます。

軽いページが作れる

多くの動的なページには、JAVAやFlashなどを使用しています。
スタイルシートで、動的に色を変えたり、要素を動かしたりすることできます。フォントを利用したボタンや、立体的に表示させたり、多種の罫線、フィルターを使用した効果など、画像を減らしたりFlashなどプラグインなしで同様なサイトを作成することも可能です。

変更や保守が容易になる

スタイルシートは、HTMLのように直接タグに記述することもできますが、基本的にはDTPやWordのようにスタイルを作り、各タグに指定していきます。したがって、特定のスタイルを変更すれば、そのスタイルが指定されている要素は、すべて変更されます。
HTMLのように、共通している変更場所を探しながら直すことはありません。
またスタイルシートのデータは、リンクさせることができます。複数のページに共通したスタイルシートを使用することで、統一したデザインのサイトを容易に作ることもできます。

ダイナミックHTMLついて

Internet ExplorerのダイナミックHTMLは、ダイナミック・スタイル、ダイナミック・コンテンツ、ポジショニング、フィルターと画面効果、データバインディング、DOM(ドキュメント・オブ・オブジェクト）と言ってます。
作成するための特別なソフトや、プラグイン（Internet Explorerの場合）なしで動作できる環境が、大きな魅力です。誰でも作れて、誰でも見れる動的で軽いサイトです。

動的なWeb

スタイルシートで、オン・マウスで色を変えたり、要素を表示したり非表示させたり、要素の位置を変えたり。サーバーに再アクセスせずにページの内容を変えたり。
ポジショニングで、自由にテキストや画像など要素を配置。

処理効果

フィルター機能がありますから、簡単に文字や画像にエフェクト効果を与えますから、同じ素材を効果でいろいろな演出ができます。

データベース

データ･バインディングは、サーバーのデータファイルを呼び込んで表示させ、並べ替えたり、抽出させたりできします。