スタイルシート(css）を使えば、HTMLソースがすっきりする

初めは、このホームページもtableタグを使いまくって枠の中に枠を作るというごちゃごちゃしたソースになってました。
今でも、面倒な所はついtableタグを使ってしまうのですが、tableタグは見た目はすごく綺麗に作れるし、レイアウトするのが簡単なんですよね。
文章だけならいいのですが、画像置いたりその横に文章並べたり…
そうなるとtableタグ使った方が早いですし、花毬も時間がないと面倒なので使ってしまうのです。
ですが、tableタグは囲った所の表示が全部読み込まれないと表示されないんです。
全体をまずtableタグで大きく囲ってしまうと、全部読み込まれるまでなにも表示されないんです。
軽いページならそれでもいいでしょうが、重くなってくると表示されるのに時間がかかってイライラっと来た事ありませんか？


たぶん、tableタグを全く使わずに作るのは初心者の方にはかなりの苦痛だと思います。
ですから、まずは簡単なところからスタイルシートを使い始めましょう。
スタイルシートを使うと、全体に適応されるので1ページずつ直す手間がなくなり、統一されたページにする事が出来ます。
また、サイトのイメージを変えたくなった時もスタイルシートを使えば簡単に変える事ができるので便利ですよ。


花毬がスタイルシートについて参考にさせてもらったサイトは


⇒　2step 脱テーブルスタイルシート講座
⇒　スタイルシート倶楽部


いちいち打つのめんどくさいよーって思ってる方ちょっと便利なサイトがあるんですよ


⇒　Cascading　Style　Sheet


ここでは、CSS作成エディタがあるんです。
必要最小限の数値を入力するだけでソースを書いてくれるというとってもありがたい優れもののサイト！
コピー＆ペーストで、すぐに使えますよー。
よくわからない初心者の方にオススメです。