Question

我是HTML和CSS的新手，我只是想知道如何使用CSS使我的字体变粗。

我有一个导入CSS文件的纯HTML页面，我可以更改CSS中的字体。但我不知道如何使字体变粗，任何人都可以帮助我吗？

Answer 1

您可以使用CSS声明font-weight: bold;。

我建议您阅读http://htmldog.com/guides/cssbeginner/上的CSS初学者指南。

Answer 2

你可以在html中使用the strong element，这在语义上很好（也适合屏幕阅读器等），通常呈现为粗体文字：

See here, some <strong>emphasized text</strong>.

或者您可以使用the font-weight css property将任何元素的文本设置为粗体：

span { font-weight: bold; }

<p>This is a paragraph of <span>bold text</span>.</p>

Answer 3

您使用font-weight: bold。

您想让整个文档变粗吗？或者只是其中的一部分？

Answer 4

正弦你是html的新手这里有三个准备好使用的例子来说明如何将CSS与html一起使用。您只需将它们放入文件中，保存并使用您选择的浏览器打开它：

这个直接将CSS样式嵌入到标签/元素中。通常这不是一个非常好的方法，因为你应该总是将内容/ html与设计分开。

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">     
    <head>      
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
        <title>Hi, I'm bold!</title>  
    </head>           
    <body>
        <p style="font-weight:bold;">Hi, I'm very bold!</p>
    </body>
</html>

下一个是更通用的方法，适用于文档中的所有“p”（代表段落）标记，并且另外使它们变得巨大。顺便说一句。谷歌在他的搜索中使用这种方法：

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">     
    <head>      
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
        <title>Hi, I'm bold!</title>  
        <style type="text/css">
            p {
              font-weight:bold;
              font-size:26px;
            }
        </style>
    </head>   
    <body>
        <p>Hi, I'm very bold and HUGE!</p>
    </body>
</html>

你可能需要花几天的时间来讨论第一个例子，不过这是最后一个例子。在这里，你最终完全将设计（css）和内容（html）分成两个不同的文件。 stackoverflow采用这种方法。

在一个文件中放入所有CSS（称之为'hello_world.css'）：

  p {
    font-weight:bold;
    font-size:26px;
  }

在另一个文件中你应该把html（称之为'hello_world.html'）：

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">     
    <head>      
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
        <title>Hi, I'm bold!</title>  
        <link rel="stylesheet" type="text/css" href="hello_world.css" />  
    </head>       
    <body>
        <p>Hi, I'm very bold and HUGE!</p>
    </body>
</html>

希望这会有所帮助。要解决文档中的特定元素而不是所有标记，您应该熟悉class，id和name属性。玩得开心！

Answer 5

使用CSS font-weight属性

Answer 6

font-weight: bold

Answer 7

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<STYLE type="text/css">
   body
   {
      font-weight: bold;
   }
</STYLE>
</HEAD>
<BODY>
Body text is now bold.
</BODY>
</HTML>

Answer 8

Selector name{
font-weight:bold;
}

假设你想为p元素

加粗

p{
font-weight:bold;
}

您可以使用其他替代值而非粗体

p{
 font-weight:bolder;
 font-weight:600;
}

Answer 9

font-weight：bold;

Answer 10

您可以使用几种方法。首先是使用强标签

Here is an <strong>example of that tag</strong>.

另一种方法是使用font-weight属性。您可以实现内联，或通过类或ID。假设您正在使用课程。

.className {
  font-weight: bold;
}

或者，您也可以使用硬值为font-weight，大多数字体支持的值介于300和700之间，增加100。例如，以下内容将为粗体：

.className {
  font-weight: 700;
}

如何使用css使我的字体变粗？

10 个答案: