スタイルシートで何ができるのか

ここに書いてあるのはその一例です。

ウェブページレイアウトの点でHTMLを補います。

HTMLというものは、実は文章の定義付けを行なうマークアップランゲッジ（HTMLのMLです）の一種であって、例えば <h1> というタグは、「ココはページの見出しですよ」という定義付けであって、決して文字の大きさを変えるためのタグではありません。そこで文字の大きさを変えるために<FONT>タグなるものが使用され始めたのですが、このタグのサイズ指定は相対的な数値で、見ている人によって大きさが違うという状況が当たり前です。そこで、「スタイルシート」なるものをHTMLと併用して、HTMLは文章の定義を行ない、スタイルシートは文字の大きさ、色、レイアウトなどを担当するようにしてゆこうという風に決まりました。決めたのは私じゃないですよ。W3C（ワールド・ワイド・ウェブ・コンソーシアム）というHTMLの最大権威のグループで、この組織がHTML規格(1.0/2.0/3.2/4.0)やカスケーディングスタイルシート（CSS1/CSS2）などを制定しています。では、具体的にスタイルシートは何ができるのでしょうか？例を挙げてみましょう。

文字のサイズなどがタグよりも細かく指定できます。

例えば、<FONT SIZE=7> と書いたところで、あなたはそれが数値にしてどれくらいのサイズなのか説明できるでしょうか。これは、表示するブラウザによって、サイズが違います。(ネットスケープよりIEの方が大きいのは有名)
それでは本当に自分の思い通りのサイズで文字が見られない事になります。そこで、スタイルシートでは、文字の大きさを、ピクセル、ポイント、センチメートル、インチ、パーセントなどで表示できるようにしました。
これを使えばとてつもなく大きい文字も出せます。
これなら自分の思い通りに出てきてくれるのです。

リンクテキストが、リンクの状態によって文字の形が変わります。

スタイルシートでは、リンクのテキストを、「未訪問」、「訪問済み」、「現在訪問中」などそれぞれの場合の文字の状態を設定できます。これによって、未訪問なら太字にするとか、現在訪問中なら文字を大きくするとか、訪問済みなら文字の色を反転させる事もできます。

文字を重ねて影付き文字もつくれます。

これはよくやっていることだけど、スタイルシートでは、文字の細かな位置を数値でして出できるので、これをくみあわせて影付き文字を作る事も可能です。


戻る