html - 如何在不更改剩余段落格式的情况下将 标记中的文本隔离为粗体

Question

我自己有三段文字 <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 .

Answer 1

要加粗段落中的某些文本，您可以使用 <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 的发展，出现了一种使您使用的标签具有意义的运动，而不仅仅是将它们放在那里用于显示目的。 You can read a bit about a few of the relevant meanings here.

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

哦，还有最后一件事:将文本放在 p 或 div 标签中会将其移动到下一行的原因是这些元素默认设置为 display: block;。 .如果你想使用这些标签之一(出于语义原因你不应该使用)，你可以将它们设置为 display: inline;或 display: inline-block; . Read all about the display property here.