2008年7月18日 (金) 04:50時点における版

準備

まずスタイルシートを入力する前に、

<style type="text/css">

</style>

を入力します。 HTML ファイル中にスタイルシートを書く場合は、通常、 head 要素の中（<head> から </head> までの間）にこれを置きます。この二行の間に書いた内容を、ブラウザは CSS 形式のスタイルシートとして扱います。これでスタイルシートを入力する準備ができました。

最も簡単に記述するには、HTMLタグの中に、以下のように指定します。

<p style="color:red">文字色：赤</p>

文字色：赤

ほとんどのタグで style 属性を指定できますが、既存のタグで丁度囲まれていない部分を指定したい場合は、<span> や <div> で囲んでそれに属性を指定します。

特定の HTML タグ全てにスタイルを指定したい場合は、head 要素の中でまとめて行うことができます。次の例は、全ての <h1> タグに style="color:red" を指定した事になります。

<head>
：
途中略
：
<style type="text/css">
<!--
h1 { color:red }
-->
</style>
</head>
<body>
<h1>文字色その1</h1>
　：
途中略
　：
<h1>文字色その2</h1>
</body>

：

途中略

：

コメントアウトは、スタイルシートに対応していないブラウザの為に挿入しています。