スタイルシートでフォントのサイズと色を同時に設定したい時は、
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つ以上パターンがある場合、
どうすればいいでしょうか?
No.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>
その他にも、色々ありますのでじっくり勉強して下さい。
No.2
- 回答日時:
h1からh6は、見出しの段階の区別で、いくつ使ってもかまいません
<h1>大見出し</h1>
<h2>中見出し1</h2>
<h2>中見出し2</h2>
という感じに。
> 見出しでもない文字に色とサイズを設定したい
なら、hを使うことがそもそもの間違いです。
No.1
- 回答日時:
文中の場合は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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Format 関数 表示書式指定文字...
-
fontサイズ指定の ”-(マイナ...
-
css特定の文字のリンク文字色指定
-
FC2ブログの改行幅の質問です。
-
background-color: #ddd;の意味...
-
マウスオーバーで下線を表示さ...
-
CSSについて教えてください。 ...
-
Notepad++で日本語文字が化ける。
-
アコーディオンメニューが思う...
-
テキストファイルの行を指定し...
-
全角半角含めて等幅で表示したい
-
<pre>のフォントサイズを指定す...
-
特定の文字のみcssを適用するに...
-
CSSを一部無効にしたい
-
上付き文字と下付き文字を同時...
-
Dreamweaver CS5を使用していま...
-
文章の一部分だけ文字色を変え...
-
リストの前後の行間をなくす方...
-
h1タグのパンくずリストへの設置
-
Firefoxで2ちゃんねるのAAがず...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の位置、上下のマージンが...
-
HTMLで特定の文字だけ色を変え...
-
特定の文字のみcssを適用するに...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
background-color: #ddd;の意味...
-
<input type="file"> の幅
-
リンク文字
-
全角半角含めて等幅で表示したい
-
fontサイズ指定の ”-(マイナ...
-
アコーディオンメニューが思う...
-
テキストファイルの行を指定し...
-
テキストエリア内の文字の装飾
-
ホームページビルダー作成HPがi...
-
html,cssでスマホとパソコンで...
-
Excel VBA メール作成について ...
-
Excel VBA メール作成について ...
-
上付き文字と下付き文字を同時...
-
iframe 文字化け
-
API Sleep関数について
おすすめ情報