World Wide Web の仕組み

■カスケーディング・スタイル・シートの利用例

◆箇条書きの書式

点の変りに四角 ローマ数字
  1. フォント
  2. 大きさ
  3. その他

◆大きい H3

◆バックグランド付の PRE

  ┌──────────────────────┐
  │       余白             │
  │ ┌──────────────────┐ │
  │ │     境界           │ │
  │ │ ┌──────────────┐ │ │
  │ │ │   パディング      │ │ │
  │ │ │ ┌──────────┐ │ │ │
  │ │ │ │ 内容       │ │ │ │
  │ │ │ └──────────┘ │ │ │
  │ │ └──────────────┘ │ │
  │ └──────────────────┘ │
  └──────────────────────┘

        │ エレメントの幅  │
  │      ボックスの幅          │

◆表示範囲の指定、スクロール。

いちいち <font> で指定すると、変更したくなった時には、 全部変えなければならない。 <spam class="classname">のように、クラスを使ってマークして おけば、1個所クラスの設定を変更するだけで全部統一的に変る。 (同様に、ワード・プロセッサでも、スタイルをうまく活用したい。)

◆物理スタイルタグの代替

以下の例は、そのまま使わない。style=で指定するのではなく、他のスタイル といっしょに使う。

◆表

制御コード
16進記号キー 説明
0D \r ^M リターン
0A \n ^J 改行
09 \t ^I 水平タブ
08 \b ^H バックスペース

◆横線


Last updated: 2004/03/13 01:45:32

◆アドレス

Yasushi Shinjo / <yas@is.tsukuba.ac.jp>