GO!Go!スタイルシート第１回　2001年2月16日 2:36 am 更新

　今回のテーマ：スタイルシートって何よ？
　

●文字の大きさを、みなさんはHP上でどのように指定していますか？

• <p><H1><H2>など、その段落の定義にしたがって文字を指定するやり方。
• <font size="4"> などを用いて具体的に<font>タグで囲まれた文字列を指定した文字の大きさに設定する方法。

これらどれも文字の大きさ指定となりますが、一つ致命的な問題点をも抱えていることにお気づきでしょうか？ その大きさは絶対ではないんです！

●「表示」メニューの「文字のサイズ」

上の段落では何がなにやらわけわかめ、さっぱりわからないでしょうから、（笑） 実際に試してみることにしましょう。 皆さんの自分のHPをIEで表示し、ここで「表示」メニューから「文字のサイズ」にある「最大」〜「最小」までを実際にいじってみましょう。

ほらね？文字の大きさが変わるでしょ？

これは本来「文字小さいと読めね〜〜」とか「文字大きいのは間抜け〜〜」など、個人差の激しい文字表示の大きさを自由にユーザが設定できるようになっているのです。 が、HPを作る側としては、なんともこれは困った問題です。だって、自分の環境に合わせて文字のレイアウトとかを決めても、他の人の環境では、ずれて間抜けに見えてしまうかもしれないのですから。。。

●え〜〜と、じゃあねぇ....

「何だ！そんなことなら、フォントのサイズを具体的に指定すればいいんじゃん」 こう思ったあなた、一歩前進です。（笑） 実際に<font size=12pt>というタグを設定したhtmlファイルを準備しました。

　（ここをクリック！）

どうですか？ちゃんとフォントサイズが12ptで表示されましたか？ IEの文字サイズを変更しても大きさは変化しませんでしたか？

●びぇ〜〜〜ん(；。；)

結果から言うと、出来ませんでしたね。

そうです。通常のhtmlのタグはフォントの大きさを絶対値（12ptなど）で指定しても無視されてしまうのです。ピ〜〜ンチ！笑 しかし、企業のHPなどでは、IEの文字の大きさの設定に関係なく常に同じ大きさで表示されているものもあります。哀れな一小市民である我々には不可能なのでしょうか？ もちろんそんなことはありまへん。これからあげる「スタイルシート」を使えば可能なのです。

ね？ちょっとは「スタイルシートやっても良いかも？」なんて感じてきたでしょ？笑