|
|
|
|
|
| 1.5 |
サンプル（Embedding Style Sheet）の解説
|
|
(1) |
スタイルシートを使用している事を宣言する。
<head> 〜 </head>の中で直接、
<style type="text/css"> 〜 </style> を記述し Embedding Style Sheet である事を宣言する。
また、スタイルシートはコメントとして記述する事で、対応していないブラウザでは読み飛ばされる。
|
|
|
(2) |
h1 タグのスタイルを設定する。
h1{color:black;font-size:15pt}と記述する事で、
h1 タグの文字の色、文字のサイズ、字種等を設定する。
|
|
|
(3) |
h2 タグのスタイルを設定する。
h2{color:yellow;font-size:30pt;font-style:italic}と記述する事で、
h2 タグの文字の色、文字のサイズ、字種等を設定する。
|
|
|
(4) |
新しいタグを設定する。
.komidasi{color:lime;font-family:MSゴシック;font-weight:bold} と記述する事で、
.komidasi タグを作り、文字の色、文字のサイズ、字種を設定する。
|
|
|
(5) |
h1 タグに komidasi を適用する。
<h1 class="komidasi"> と記述する事で、
CLASS パラメータとして komidasi を適用し、 komidasi に記載した文字の色、字種を設定する。
|
|
| 参考 |
背景の色を設定する。
body{background:aqua;background-image:url(./images/circle.jpg);background-repeat:no-repeat} と記述する事で、
背景の色、背景の画像を指定しその画像の繰り返し表示を指定する事が出来る。
|
|
|
|
|
|
|
|
