|
|
|
|
|
| 1.3 |
サンプル（Embedding Style Sheet）
|
|
|
[例]
<html>
<head>
<style type="text/css">
<!--
h1{color:black;font-size:15pt}
h2{color:yellow;font-size:26pt;
font-style:italic}
.komidasi{color:lime;
font-family:MSゴシック;font-weight:bold}
-->
</style>
</head>
<body>
<h1>これはH1。
色は黒、サイズは15ポイントの設定</h1>
<h2>これはH2。
色は黄色、サイズは30ポイント、
スタイルはイタリックの設定</h2>
<h1 class="komidasi">
これはH1のスタイルに、
.komidasiで指定したスタイルを足したもので、
すでにH1に設定したタグにプラスして.komidasi
の内容（色はライム色、書体はMSゴシックで、
ボールド）になる。
</body>
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1.4 |
サンプルの表示結果
|
|
これはＨ１。
色は黒、サイズは15ポイントの設定
これはH2。
色は黄色、サイズは30ポイント、
スタイルはイタリックの設定
これはH1のスタイルに、
.komidasiで指定したスタイルを足したもので、
すでにH1に設定したタグにプラスして.komidasi
の内容（色はライム色、書体はMSゴシックで、
ボールド）になる。
|
|
|
|
|
|
|
|
|
|
