プロが教える店舗&オフィスのセキュリティ対策術

スタイルシートでフォントのサイズと色を同時に設定したい時は、
hタグを使うしかないのでしょうか?

<html>
<head>
<title>test</title>
<STYLE TYPE="text/css">
<!--
h1 { font-size:50%;color:green; }
-->
</STYLE>
</head>
<body>

<h1>test</h1>

</body>
</html>

このような場合です。

hタグは見出しに使うべきで6つしか指定できないとのことですが
見出しでもない文字に色とサイズを設定したい上、6つ以上パターンがある場合、
どうすればいいでしょうか?

A 回答 (3件)

見出し以外という事は、


一般的には、<p>を利用しますので、

p{font-size:116%;color:gray;}

複数ならの段落を個別指定するなら以下を試すと理解できるでしょう。

p{font-size:116%;color:gray;}
p#line-2{font-size:100%;color:lime;}
p.line-3{font-size:85%;color:red;}
p.line-3 + p{color:yellow; background:black;}
p.line-4{font-size:150%;color:maroon;}
p.line-4:first-line{color:blue;}
p strong{color:purple;}
p span{color:fuchsia;}
ul li{color:blue;}
ul li:first-line{color:aqua;}


<p>ああああああ</p>
<p id="line-2">いいいいいい</p>
<p class="line-3">うううううう</p>
<p>うううううう</p>
<p class="line-4">ええええええ</p>
<p class="line-4">おおおおおお<br>かかかかか</p>
<p>きき<strong>きき</strong>きき、く<span>くく</span>くく</p>
<ul><li>けけけ<br>こここ</li><li>さささ</li></ul>


その他にも、色々ありますのでじっくり勉強して下さい。
    • good
    • 0
この回答へのお礼

ありがとうございました。

お礼日時:2013/04/12 23:15

h1からh6は、見出しの段階の区別で、いくつ使ってもかまいません


<h1>大見出し</h1>
<h2>中見出し1</h2>
<h2>中見出し2</h2>
という感じに。

> 見出しでもない文字に色とサイズを設定したい
なら、hを使うことがそもそもの間違いです。
    • good
    • 0
この回答へのお礼

ありがとうございました。

お礼日時:2013/04/12 23:15

文中の場合はspanタグを使うのが一般的です。


複数のパターンを作成したいときはidで関連付けるのが一般的です。

以下、サンプルです。試してみてください。

<html>
<head>
<title>test</title>
<STYLE TYPE="text/css">
<!--
span[id="1"] { font-size:100%;color:red; }
span[id="2"] { font-size:100%;color:blue; }
-->
</STYLE>
</head>
<body>

<span id="1">test</span>
<span id="2">test2</span>

</body>
</html>
    • good
    • 0
この回答へのお礼

spanを使えばいいのですね。
有難うございます。

お礼日時:2013/04/06 19:26

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!