【问题标题】:how to bold words within a paragraph in HTML/CSS?如何在 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>

【问题讨论】:

    标签: html css paragraph


    【解决方案1】:

    添加&lt;b&gt;标签

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

    更多文字格式标签 click here

    【讨论】:

      【解决方案2】:
      <p><b> BOLD TEXT </b> not in bold </p>;
      

      &lt;b&gt;...&lt;/b&gt;之间加入你想加粗的文本

      【讨论】:

        【解决方案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】:

          虽然您的答案有很多解决方案,但我认为这是节省代码行的好方法。尝试使用非常适合您的情况的跨度。

          1. 创建一个类以使任何项目变为粗体。所以对于段落文本,它会是
          span.bold(This name can be anything do not include parenthesis) {
             font-weight: bold;
          }
          
          1. 在您的 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-element
            • strong 并不一定意味着粗体,但其中的文本具有更高的相对重要性。 b 是正确的标签,如果你只是想改变表现风格,或者使用带有适当风格类的span 元素。强调emi 也是如此。
            • 虽然 b 和 strong 是独立的元素,但严格的风格信息(例如 b)属于样式表。不过,我承认你的观点。我可能应该向他指出的是使用嵌套跨度,带有 id,以及使用样式来加粗。但这有点纯粹,我采取了最直接的方法来解决问题。
            猜你喜欢
            • 2017-06-12
            • 1970-01-01
            • 1970-01-01
            • 2017-05-24
            • 1970-01-01
            • 1970-01-01
            • 2020-07-25
            • 2020-06-09
            • 2015-04-03
            相关资源
            最近更新 更多