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

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

我有一个纯HTML页面,导入一个CSS文件,我可以更改CSS中的字体。 但我不知道如何使字体大胆,谁能帮助我?

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

我build议你阅读CSS初学者指南http://htmldog.com/guides/cssbeginner/

您可以在html中使用strong元素 ,这在语义上是很好的(也适合屏幕阅读器等),它通常呈现为粗体文本:

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

你会使用font-weight: bold

你想让整个文件变成粗体吗? 或者只是其中的一部分?

正弦你是新来的HTML这里是三个准备使用的例子如何与HTML一起使用CSS。 你可以简单地把它们放到一个文件中,保存并用你select的浏览器打开它:

这一个直接embedded你的标签/元素的CSS样式。 通常这不是一个很好的方法,因为你应该总是从devise中分离内容/ 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”(代表段落)标签上工作,并且使其成为巨大的。 顺便说一句。 Google在他的search中使用这种方法:

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

第一个例子可能会花上几天的时间,但是这是最后一个例子。 在这个你终于完全分离devise(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> 

希望这有所帮助。 要解决文档中的特定元素,而不是所有的标签,您应该熟悉classidname属性。 玩的开心!

使用CSS font-weight属性

 font-weight: bold 
 <!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> 

font-weight:bold;

 Selector name{ font-weight:bold; } 

假设你想对p元素进行粗体处理

 p{ font-weight:bold; } 

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

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