この部分はbodyタグ内にありスタイルシートの設定
body{font-size:20pt}
が適用される結果、文字サイズが20ポイントになる。

スタイルシートの設定で使われるタグをセレクタという。


この部分はtdタグ内にありスタイルシートの設定
td{font-size:14pt}
が適用される結果、文字サイズが14ポイントになる。
タグのtdがセレクタに使用されている。

次ぎにクラスと呼ばれるスタイル設定を説明する。

スタイル設定で次の.fnt1と.fnt2のセレクタが設定されている。
.fnt1{font-size:10pt;color:red}
.fnt2{font-size:16pt;color:blue}
クラスによるスタイルシート設定はドット.で始まる。
ドット.に続くfnt1およびfnt2がクラス名でクラス名は自由に命名できる。

クラスの使用法
この領域はtdタグ内にある。
この様に他に適当なタグが無い場合はspanタグとセレクタとしてclassを併用する。

1.クラス:fnt1 文字サイズ:10ポイント 文字色:赤
2.クラス:fnt2 文字サイズ:16ポイント 文字色:青