便利なスタイルシート

ホームページを作りはじめる時に、デザインやレイアウトで悩むと、前のページで書きました。今回はそのデザインとレイアウトに重要な役割りを果たすCSS（カスケーディングスタイルシート）とXHTML文書を紹介します。

このスタイルシートとXHTML文書を理解する事で、ホームページのデザインを一瞬で変えたり、後々のデザイン変更等が簡単にできるという利点を持っています。従来のホームページの作り方は、このスタイルシートをHTMLの中に入れて、デザインしていました。このやり方では、デザインを少し変えようとしても、１つ１つ全部変更していくと言う、地道な作業になります。

ところが、外部にスタイルシートを書き込んだファイルを作り、そこからHTML文書やXHTML文書のデザインを指定するやり方は、本当に簡単にデザインが変えられるのです。今までの苦労はこれで解消されます。

とは、言うものの覚える、又は慣れるまでに少し時間がかかります。 私的には、少しくらいの時間はかかってもしょうがないので、外部スタイルシートでのデザインのやり方を覚える事を強くおすすめします。必ず、あなたの役に立つと考えるからです。

又、ブログの改造・カスタマイズには必ずこのスタイルシートの理解が必要です。ブログはXHTMLです。　１度覚えるだけで将来的にもずっと使えますので、ホームページ作成を決意したなら、必ずスタイルシートの勉強もしましょう。何でもそうですが、慣れてしまえばこちらのものです。慣れるまでの辛抱です。

さて、勉強方法ですが、このスタイルシートもたくさんのサイトで紹介されています。本を買って勉強してもいいのですが、ネットでも十分すぎるほどの情報が公開されています。

←で紹介している本も、上で紹介している本も、私が使って良いものだと思ったので紹介しています。この２冊はわかりやすいです。

そして、何より大事なのは実践です。何回も失敗しながら得た経験こそが本物の知識となります。

私もやり始めの頃は、回り込みや幅の指定等、とにかく思い通りにデザインできず、ひたすらに頭を沸騰させていましたよ。一生懸命作って、ブラウザで反映させてみると、IE6ではうまく表示されても、ファイヤーフォックスでは無茶苦茶なデザインになっていたり
・・・・・・・そのまま１時間くらい気を失っていたり・・・。

このスタイルシート、まだまだ万能ではありません。ブラウザーによってスタイルシートの訳し方が違うのです・・・　　これが最大の難関です。インターネットエクスプローラー６　ではちゃんと反映されていても、ファイヤーフォックスでは、！！！何これ？　てなことは珍しくありません。

なんとかうまく表示させようと、様々なCSSの技が開発されたりして・・・・

その欠点を上回る利点がありますので、これからホームページを作る方は、このスタイルシートは覚えておきましょう。必ず役に立ちますよ。

まずはHTMLを覚え、デザインは外部スタイルシートで。　少しわかってくれば、XHTML+CSS　で作れるようになります。こうなれば、ムーバブルタイプや普通のブログのカスタマイズも楽々出来るようになります。　

検索エンジン対策にも良いとされていますし、将来的にもこのやり方が主流になってきます。