如何在 HTML/CSS 的段落中加粗单词？
Posted
技术标签:
【中文标题】如何在 HTML/CSS 的段落中加粗单词？【英文标题】：how to bold words within a paragraph in HTML/CSS? 【发布时间】：2012-02-21 22:12:55 【问题描述】：我是网络编程的初学者，有一些非常简单的问题。
我试图在一段中加粗几个单词，但我不知道如何使用 html/CSS 来做到这一点。我已经想出了如何加粗整个段落，但还没有加粗单个单词。如何加粗一个单词，例如我的示例中的“粗体”？
这会加粗整个段落：
<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>
【问题讨论】：
【参考方案1】：添加<b>标签
<p> <b> I am in Bold </b></p>
更多文字格式标签 click here
【讨论】：
【参考方案2】：<p><b> BOLD TEXT </b> not in bold </p>;
在<b>...</b>之间加入你想加粗的文本
【讨论】：
【参考方案3】：如果你只想“加粗”，Mike Hofer's answer 基本上是正确的。
但请注意标签默认情况下将其内容加粗，但您可以使用 css 更改此行为，例如：
p strong
font-weight: normal;
font-style: italic;
现在你的“粗体”是斜体:)
因此，请尝试按其含义使用标签，而不是按其默认样式。
【讨论】：
快速说明：答案的排序方式可能会随着时间而改变（或取决于特定用户的排序方式），因此您应该提及回答者的姓名和/或包括答案本身的链接。【参考方案4】：我知道这个问题很老，但我遇到了它，我知道其他人可能有同样的问题。所有这些答案都可以，但没有给出适当的细节或实际的正确建议。
当想要为段落的特定部分设置样式时，请使用 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 日）是一位美国艺术家，他是被称为波普艺术的视觉艺术运动的领军人物。
如代码所示，指定单词上的 span 标签样式：“Andy Warhol”。您可以使用任何 CSS 字体样式代码进一步设置单词的样式。
font-weight; font-size; text-decoration; font-family; margin; color, etc.
其中任何一个都可以用于设置单词、单词组甚至指定段落的样式，而无需向 CSS 样式表文档添加类。我希望这对某人有帮助！
【讨论】：
【参考方案5】：<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
【讨论】：
*堆栈溢出是开发人员的最佳站点。【参考方案6】：虽然您的答案有很多解决方案，但我认为这是节省代码行的好方法。尝试使用非常适合您的情况的跨度。
-
创建一个类以使任何项目变为粗体。所以对于段落文本，它会是
span.bold(This name can be anything do not include parenthesis) font-weight: bold;
-
在您的 html 中，您可以通过使用 span 标签并添加一个粗体类或您选择的任何名称来访问该类
【讨论】：
【参考方案7】：<p><strong>This is in bold.</strong> This is not.</p>
您可能会发现Mozilla Developer Network 是一个非常方便且可靠的参考。
【讨论】：
打败我，很好，这是 HTML 4.01 规范的 URL：w3.org/TR/html4/struct/text.html#h-9.2.1 和 HTML 5.0 草案规范：dev.w3.org/html5/spec/Overview.html#the-strong-elementstrong 并不一定意味着粗体，但其中的文本具有更高的相对重要性。 b 是正确的标签，如果你只是想改变表现风格，或者使用带有适当风格类的span 元素。强调em 和i 也是如此。
虽然 b 和 strong 是独立的元素，但严格的风格信息（例如 b）属于样式表。不过，我承认你的观点。我可能应该向他指出的是使用嵌套跨度，带有 id，以及使用样式来加粗。但这有点纯粹，我采取了最直接的方法来解决问题。以上是关于如何在 HTML/CSS 的段落中加粗单词？的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Swift 中加粗来自 JSON 的字符串的一部分？
如何在HTML / CSS中为页面上的所有内容设置边框/边距？
Xamarin.UITest :: 如何点击段落中的特定单词？
Xamarin 移动应用开发指南 - 如何在 iOS、Android 和 UWP 的 WebView 中加载本地网站 (HTML/CSS/JS ..) [重复]