如何使我的字体粗体使用css?

我对HTML和CSS非常陌生，我只是想知道如何使用CSS使我的字体加粗。

我有一个导入CSS文件的普通HTML页面，我可以更改CSS中的字体。但是我不知道怎么把字体加粗，有人能帮我吗?

当前回答

Selector name{
font-weight:bold;
}

假设你想把p元素加粗

p{
font-weight:bold;
}

你可以用其他的值来代替粗体

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

2016-12-19 12:35:14

其他回答

<!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>

2009-06-13 18:05:05

Selector name{
font-weight:bold;
}

假设你想把p元素加粗

p{
font-weight:bold;
}

你可以用其他的值来代替粗体

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

2016-12-19 12:35:14

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

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

2009-06-13 17:55:41

你可以使用font-weight: bold。

要将整个文档加粗吗?还是只是一部分?

2009-06-13 17:54:36

因为你是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属性。玩得开心!

2009-06-13 18:18:00

如何使我的字体粗体使用css?

推荐文章

最新文章

标签