ページ内にまとめて設定する


style要素を使用した設定方法の説明と、使用例の紹介です。


設定方法

ページのhead要素内に、スタイルの指定をまとめて記述します。この方法で設定したスタイルは、そのページ内でのみ有効となります。

この設定方法ではstyle要素を使用します。

<style type="text/css">
<!--

ここにスタイルシートの内容

-->
</style>

type="" text/css を指定します

上記の内容をhead要素内に記述して、「ここにスタイルシートの内容」と書かれた部分にスタイルの指定内容を記述します。

※スタイルシート未対応ブラウザのために、<!----> を記述してコメントアウトしています。

使用例

見出しと段落の文字色を指定した場合の例です。

<html>
<head>

<title>TAG index Webサイト</title>

<style type="text/css">
<!--

h1 { color: red; }
p { color: green; }


-->
</style>

</head>
<body>

<h1>この文字は赤になります</h1>

<p>この文字は緑になります</p>
<p>この文字も緑です</p>
<p>しつこいけどこの文字も緑です</p>

</body>
</html>



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント
[統計] HTMLからXHTMLへの移行を進めていますか?