「CSS(カスケーディングスタイルシート)について」無料ホームページテンプレート

CSSとはカスケーディングスタイルシート(cascading style sheets)の略で、WEBページのレイアウトを定義する規格です。W3Cでも推奨されており、SEO対策にも必要な要素です。WEBページ表示の高速化にも役立ちます。外部ファイル化することによって、XHTML(HTML)の簡略化が可能なことから、検索エンジンのクローラーに好まれるXHTML(HTML)の構築が可能です。CSSは"id"や"class"といったセレクタを設定しておくことによって、XHTML(HTML)本来の文書構造から切り離して使うことが出来ます。例えばh1などの見出しは文字サイズが大きいので、デザインの際には非常に組み込みにくいタグですが、CSSを使えば自由なサイズに指定ができます。ブロック要素をインライン要素にしたりすることも可能です。その他にも行間・幅・位置など様々な要素があります。

セレクタには　XHTML(html)に直接属性を与える"基本セレクタ"　[#]を記述して属性を与える"idセレクタ"　[.]を記述して属性を与える"class"セレクタ　以上の3種類があります。特徴として、idセレクタはWEBページに一回しか使えませんが、classセレクタは何回でも使えます。idセレクタを2回以上使っても適用されますが、記述的にはエラーになりますので注意が必要です。属性を与えるCSSプロパティに関しては、ドリームウィーバーなどのソフトを利用すれば、覚えなくても簡単に定義することが可能です。

CSSは非常に便利ですが、ウェブマスターを悩ませるデメリットもあります。それはブラウザ(IE、Firefox、Safariなど)によってレイアウトが変わってしまうことです。これは主に古いブラウザによって起きる現象で、特にIEが多いようです。最近のブラウザ(IE8、Firefox3.0など)では大分解消されましたが、全てのブラウザでの表示テストはかかせません。また自分のサイトがどのブラウザで閲覧されているか、アクセス解析を使って確認した方が良いでしょう。ちなみに「Free Template」はクロスブラウザ仕様(IE6、IE7、IE8、Firefox3.0、Safari)ですので表示も安心ですｗ