<p>
タグ内の特定の単語のスタイルを設定するにはどうすればよいですか? 例: STUDIO Xは史上最高のスタジオです。
^^css を使用して、"STUDIO X" を "is the best studio ever?" とは異なるフォントにするにはどうすればよいですか?
これを行う必要があります:
p {
font-size: 12px;
}
span {
font-size: 16px;
font-weight: bold;
}
<p>
<span>STUDIO X</span> is the best studio ever
</p>
<p>
と<span>
タグに特定のクラスを定義することをお勧めします。これにより、予期しない上書きを防ぐことができます。
span タグでラップできます
<p><span class="best_studio">STUDIO X</span> is the best studio ever.</p>
CSS を使用してスタイルを定義する
.best_studio {
font-family: Arial,
font-size: 22px
}
<span class="nevis">STUDIO X</span>
.nevis { font-weight:bold; }
<p><strong>STUDIO X</strong> is the best studio ever</p>
ほとんどのブラウザーのデフォルト css はstrong
要素を太字にすると思いますが、それについて明示して独自のルールを追加することもできます
p strong { font-weight:bold; }