web-dev-qa-db-ja.com

HTML / CSSの段落内の単語を太字にする方法は？

私はWebプログラミングの初心者であり、非常に簡単な質問がいくつかあります。

1つの段落で複数の単語を太字にしようとしていますが、HTML/CSSを使用してそれを行う方法がわかりません。個々の単語ではなく、段落全体を太字にする方法を見つけました。私の例の「太字」のように、1つの単語を太字にするにはどうすればよいですか？

これにより、段落全体が太字になります。

<html>
<head>
<style type="text/css">
p.n1
{
    font:15px bold 30px Georgia,serif;
}

</style>
</head>

<body>
<p class="n1">I am in bold. </p>
</body>
</html>
htmlcssparagraph
19
user1111042
<p><strong>This is in bold.</strong> This is not.</p>

Mozilla Developer Network が非常に便利で信頼できるリファレンスになるかもしれません。

30
Mike Hofer

私はこの質問が古いことを知っていますが、私はそれに出くわし、他の人が同じ問題を抱えているかもしれないことを知っています。これらの答えはすべて大丈夫ですが、適切な詳細や実際の真のアドバイスを与えません。

段落の特定のセクションをスタイルする場合は、spanタグを使用します。

<p><span style="font-weight:900">Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p>

アンディ・ウォーホル（1928年8月6日-1987年2月22日）は、ポップアートとして知られる視覚芸術運動の主要人物であったアメリカ人アーティストでした。

コードが示すように、スパンタグは指定された単語「Andy Warhol」でスタイルを設定します。 CSSフォントスタイリングコードを使用して、さらにWordのスタイルを設定できます。

{font-weight; font-size; text-decoration; font-family; margin; color}, etc.

CSSスタイルシートDocにクラスを追加することなく、これらのいずれかを使用して、Word、単語のグループ、または指定した段落のスタイルを設定できます。これが誰かの助けになることを願っています！

8
Michael Anderson - NinjaSush2
<style type="text/css">
p.boldpara {font-weight:bold;}
</style>
</head>

<body>
<p class="boldpara">Stack overflow is good site for developers. I really like this site </p>

</body>

</html>

http://www.tutorialspoint.com

3
swati16
<p><b> BOLD TEXT </b> not in bold </p>;

<b>...</b>の間に太字にするテキストを含めます

3
user1177371

単に「太字」にしたい場合は、 Mike Hoferの答え がほとんど正しいです。

ただし、デフォルトではタグの内容が太字になっていますが、cssを使用してこの動作を変更できます。例：

p strong {
    font-weight: normal;
    font-style: italic;
}

今、あなたの「太字」は斜体です:)

そのため、デフォルトのスタイルではなく、その意味でタグを使用するようにしてください。

3
Rodrigo

<b>タグを追加

<p> <b> I am in Bold </b></p>

より多くのテキスト書式タグについて ここをクリック

1
mee

あなたの答えには多くの解決策がありますが、これはコード行を節約する素晴らしい方法だと思います。あなたのような状況に最適なスパンを使用してみてください。

  1. アイテムを太字にするためのクラスを作成します。したがって、段落テキストの場合は
span.bold(This name can be anything do not include parenthesis) {
   font-weight: bold;
}
  1. HTMLでは、spanタグを使用して太字のクラスまたは選択した名前を追加するなどして、そのクラスにアクセスできます。
1
coletrain