ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

特定の箇所だけにスタイルを適用する


・<META http-equiv="Content-Style-Type" content="text/css">
・<タグ名 style="プロパティ:値">


特定の箇所だけにスタイルを適用するには、まず<head>内に

<META http-equiv="Content-Style-Type" content="text/css">と書いてスタイルシートの言語指定をします。

↑はこのまま書いてください。

そしてスタイルを指定したいタグを<タグ名 style="プロパティ:値">のように書き換えます。

スタイルを;(セミコロン)で区切れば複数のスタイルを指定できます。

表示例

h4の色が赤になっています。

段落の文字の大きさが15pxになって、色がaquaになっています。


ソース
<html>
<head>
<title>タイトル</title>
<META http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<h4 style="color:red">
h4の色が赤になっています。
</h4>
<p style="font-size:15px; color:aqua">
段落の文字の大きさが15pxになって、色がaquaになっています。
</p>
</body>
</html>


ここまで三つのスタイルシートの使い方を解説しましたが、同時に使うこともできます。

その場合のスタイル適用の優先順位は 特定の箇所 > 個別ページ > 複数のページ (一番左が一番優先)になります。


<< 「一つのページだけにスタイルを適用する」へ     「spanタグとdivタグ」へ >>



ホームページ作成とHTML>>スタイルシートの書き方講座>>特定の箇所にだけスタイルを適用する

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved