|
|
|
|
|
| 2.7 |
html の階層構造でスタイルを定義する
name-1 name-2 name-3 ... tag-n{style}
<div> 〜 </div> タグや <p> 〜 </p> タグ等では、
タグを入れ子にする事ができる。
この入れ子になった階層構造のどのレベルにスタイルを適用するのかを指示する。
例えば、blockquote p{color:red} と定義すると、
blockquote ブロックに含まれる p タグの範囲だけにスタイルが適用される。
なお、name にはタグの他に、キーワードやＩＤを指定する事ができる。
|
|
以下にサンプルを示す。
<html>
<head>
<style type="text/css">
<!--
blockquote p{color:red}
-->
</style>
</head>
<body>
<blockquote>
これはデフォルトの色
<p>これは赤です！</p>
これもデフォルトの色
</blockquote>
</body>
</html>
|
|
これはデフォルトの色
これは赤です！
これもデフォルトの色
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2.8 |
リンク文字列のスタイルを定義する
a:link{style}
a:visited{style}
a:active{style}
link はまだ表示されていないページへのリンク、
visited はすでに表示されたページへのリンク、
active は表示中のページのリンクを表す。
|
|
| 2.9 |
スタイルシートにコメントを書く
/* comment */
comment にコメントの記述を行う。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
