|
|
|
|
|
| 2. |
スタイル定義 |
| 2.1 |
タグにスタイルを定義する(1)
tag{style}
タグにスタイルを割り当てる。このタグを使用すると、定義されたスタイルで表示される。
以下にサンプルを示す。
<html>
<head>
<style type="text/css">
<!--
h1{color:blue;font-size:20pt}
-->
</style>
</head>
<body>
<h1>青色、<br>
２０ポイント文字</h1>
</body>
</html>
|
|
|
|
| 2.2 |
タグにスタイルを定義する(2)
tag.keyword{style} ←定義
<tag class="keyword"> ←利用
ひとつのタグに複数のスタイルを割り当てられる。
割り当てたいタグ（tag）に keyword を付け、スタイルを定義する。利用する場合は、タグに keyword を付け使用する。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
以下にサンプルを示す。
<html>
<head>
<style type="text/css">
<!--
h1{color:blue;font-size:20pt}
h1.black{color:black;font-size:20pt}
h1.yellow{color:yellow;font-size:30pt}
-->
</style>
</head>
<body>
<h1>これは青色</h1>
<h1 class="black">これは黒色</h1>
<h1 class="yellow">これは黄色</h1>
</body>
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
