4

そこには3つのテキストセクションがあり<p></p>、各段落の2、3語を太字にする必要があります。ですから、私の質問は、「CLX Exchange Accommodators、Inc。」をどのように適切に太字にするかということです。次のテキストを太字のテキストの下に表示せずにCSSを使用します。私がこれを求めている理由は、別のdivまたはpタグで太字にしたいテキストを分離しようとすると、残りのテキストが太字のテキストの下に表示されるためです。

これが私のhtmlです

<div id="content">
   <p class="copy"> CLX Exchange Accommodators, Inc. have been proudly serving real estate investors nationwide since 1991.</p>

</div>
<!--End of content-->

http://codepen.io/Austin-Davis/pen/IpDLuに役立つ場合は、codepenに関する現在のプロジェクトを次に示します。

4

4 に答える 4

10

<b>段落内のテキストを太字にするには、、<strong>タグ、または<span>スタイルセット付きのを使用できます。これらのオプションは次のようになります。

I want to <b>bold</b> a word.

This word is <strong>bolded</strong>.

The following word is <span style="font-weight: bold;">bolded</span>.

タグの選択には意味的な意味があることに注意してください。HTML5の開発に伴い、使用しているタグに、表示目的でタグを付けるだけでなく、意味を持たせる動きがあります。ここで、関連するいくつかの意味について少し読むことができます。

上記のコードスニペットでインラインスタイルを使用してスパンのスタイルを設定しましたが、実際のWebページでスタイルを設定するにはおそらくスタイルシートを使用します。HTMLマークアップとスタイルを分離することをお勧めします。

最後にもう1つ、テキストをapまたはdivタグに配置すると、テキストが次の行に移動する理由は、これらの要素がデフォルトでに設定されているためdisplay: block;です。display: inline;これらのタグの1つを使用する場合（セマンティック上の理由から使用しないでください）、またはに設定できますdisplay: inline-block;。ここでdisplayプロパティについてすべて読んでください。

于 2013-01-02T18:40:00.837 に答える
1

これはSTRONGタグで実現できますが、私はSPANを使用して柔軟性を維持することを好みます。CSSでSPAN（またはそれに関してはSTRONG）のスタイルを設定できます。

<style>
#content p.copy span {font-weight: bold;}
</style>
<div id="content">
<p class="copy"> <span>CLX Exchange Accommodators, Inc.</span> have been proudly serving real estate investors nationwide since 1991.</p>

</div>
<!--End of content-->
于 2013-01-02T18:43:18.707 に答える
0 
 <p class= "copy"> <b>CLX Exchange Accommodators, Inc.</b> have been proudly serving real estate investors nationwide since 1991.</p>

.copy b 
{
  font-weight:bold;
}

これを試して。

于 2013-01-02T18:44:04.463 に答える
-1

CSSでやりたい理由はありますか？最も簡単な方法は<b> </b>、CLX Exchange Accommodators、Incの周りにタグを配置することです。

<div id="content">
   <p class="copy"> <b>CLX Exchange Accommodators, Inc.</b> have been proudly serving real estate investors nationwide since 1991.</p>

</div>
<!--End of content-->

タグを使用することもでき<strong> </strong>ますが、一部の古いブラウザではテキストが斜体になる場合があります

于 2013-01-02T18:45:59.253 に答える