4

我有自己的三个文本部分，<p></p>我需要在每个段落中加粗几个单词。所以我的问题是如何正确地加粗“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-->

这是我目前在 codepen 上的项目，如果它有助于http://codepen.io/Austin-Davis/pen/IpDLu。

4

4 回答 4

10

要加粗段落中的某些文本，您可以使用<b>,<strong>标记或<span>带有样式集的 a。这些选项如下所示：

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 的发展，出现了一种趋势，即使您正在使用的标签具有意义，而不仅仅是为了显示目的而将它们放在那里。你可以在这里阅读一些相关的含义。

虽然我在上面的代码片段中使用了内联样式来设置跨度的样式，但我可能会使用样式表来设置实际网页上的样式。将 HTML 标记和样式分开是一种很好的做法。

哦，还有最后一件事：将文本放在 ap 或 div 标签中的原因是因为这些元素默认设置为display: block;. 如果您想使用其中一个标签（出于语义原因不应该这样做），您可以将它们设置为display: inline;or display: inline-block;。在此处阅读有关显示属性的所有信息。

于 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 回答