スタイルシートの書き方(2)

設定したページのみ有効な書き方を紹介します。

<head>内に<style type="text/css">～</style>を記述します。
<style>で設定したタグ(下の例ではdiv)は、このページの全てのdivに対して見栄えを統一できます。

変更前

<html>
<head>
</head>
<body>
<div style="color:#0000ff; font-size:16pt; background-color:#999999;">スタイルシートの書き方１</div>
<div style="color:#0000ff; font-size:16pt; background-color:#999999;">スタイルシートの書き方２</div>
</body>
</html>

変更後

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<div>スタイルシートの書き方１</div>
<div>スタイルシートの書き方２</div>
</body>
</html>

結果

スタイルシートの書き方１

スタイルシートの書き方２

まとめ

<head>内に<style type="text/css">～</style>を記述します。
<style>で設定したタグは、そのページ内で見栄えが統一できます。

スタイルシートの書き方(2)

変更前

変更後

結果

まとめ

関連リンク