CSS入門 はじめました
CSS入門（1）
超ビギナーのためのCSS入門です。まずはじめに、CSSを使うことのメリットと、デメリットについて書いておこうと思います。
なぜCSSを使う必要があるのか？自分では分かっていても、誰かに説明するとなると難しいかもしれません。お話は、次の順番で進みます。
「ん？CSS？？？CSSって、何？？？」という人は、CSSの用語解説「CSSとは？」からご覧ください。
CSSのメリット
1：CSSのメリットを端的に言い表す
「CSSを正しく使うことで、何が起こるのか？」を、端的に言い表すと、次のように書くことができます。
構造と表現を分離できる。
構造は「HTML」のことで、表現は「CSS」のことです。構造と表現がごちゃまぜになったHTMLファイルは、無駄が多いのです。
2：イメージ
例えば、あなたがファミレスで、「ハンバーグセット \680」を頼んだとします。
店員さんが「おまたせしました」と言って、テーブルの上にお皿を1枚だけ置いて行ってしまいました。
お皿を見てみると、ご飯も、ハンバーグも、スープも、サラダも、デザートも、コーヒーも、すべてがひとつのお皿の中にごちゃ混ぜになっています。
構造（HTML）と表現（CSS）が混在していると言うことは、このようなごちゃ混ぜの状態と言えます。あまり、おいしく食事できないかもしれませんね。
3：CSSのメリットを列挙する
この構造と表現に分離することによって、次のようなメリットが派生します。
- HTMLがシンプルになるので、HTMLファイルを読み込む速度が速くなりやすい。つまり、閲覧時の表示が速くなる可能性がある。
- HTMLがシンプルになるので、検索エンジンに好まれやすい。（tableタグを使ったレイアウトは、好まれない）
- CSSを一度ブラウザのキャッシュに読み込んでしまえば、その分の毎回の読み込みが軽減されるので、閲覧時の表示が速くなる可能性がある。
- 表示方法を、一元管理できる。（例えば、文字サイズ、背景色、レイアウトなど）
- ソースコードの再利用がしやすくなる。
ちょっと、話が分かり難いでしょうか？簡単に言うと、「無駄がなくなる、無駄なことをしなくて良くなる」ということです。
CSSのデメリット
CSSを使うことは、メリットばかりですが、ひとつだけ難点があります。
それは、ブラウザによって、表示が違ってしまう可能性があることです。特にMicrosoft社のIE（Internet Explorer）は、勝手な解釈をする傾向があるため、とても厄介です。
このブラウザの表示問題によって、主に次のような作業が必要になります。
- CSSハックが必要。
- 各種ブラウザでチェックを行う手間が増える。
ただ、デメリットより、メリットの方がはるかに大きいため、現状ではCSSを使わないという選択肢はありえません。
CSSハックは、ブラウザのバグを利用して、表示上の問題を修正する手法のことです。
次回予告
次回は、CSSの基本文法について書きます。
関連記事
CSSに関連する記事を、ご紹介します。
1：カスタマイズ前
2：CSSの基本的なこと
- CSS入門 はじめました（この記事です）
- CSSの書き方
- CSSファイルの外部読み込み
3：色の指定
4：罫線の指定
5：間隔（余白）の指定
6：継承と子孫セレクタ
7：箇条書き（リスト）
8：文字（フォント）の指定
9：idセレクタ、classセレクタ
10：文章を読みやすくする
11：文字の中央揃え（センタリング）
12：レイアウト
13：tableの中央揃え（センタリング）
14：CSSで飾る
15：まとめ
作成日：2008/04/05 更新日：2008/06/29
｜「CSSの書き方」 »
コメントありがとうございます。
現在、コメントさんも、お休みしています。
すごいブログ！
リンクさせていただきました
コメントありがとうございます。
ベタ褒めしていただき恐れ入ります。
褒められて伸びる子なので、助かります。(・∀・)
また、清音さんのブログを拝見させていただきました。
ずいぶん難しい話で、読み応えがある内容ですね。(´Д｀;)
今後の記事も楽しみです。
勝手ながら、SeeSaaのリンク集からリンクさせていただきました。
（ついでに、はてブも）
CSS・・・頑張って書きます！
それでは、今後もよろしくお願い致します。
はじめまして
コメントありがとうございます。
分かり良かったようで、何よりです。
何か不明な点や、分かり難い箇所があれば、
お気軽にコメントしてくださいませ。
頑張り過ぎず、頑張ってください。(・∀・)/
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/257-23b7922d
ふぁんになりました。
ブログのお手本のようなブログですね！
ユーザビリティ、デザイン、文章の分かりやすさ、すべてがすごいです。
感動。（T T） いいぶろぐだ〜。
ちょうど、ぼくはHTMLとCSSを基礎からやり始めてたので、CSS入門楽しみです。