我对HTML和CSS非常陌生,我只是想知道如何使用CSS使我的字体加粗。
我有一个导入CSS文件的普通HTML页面,我可以更改CSS中的字体。但是我不知道怎么把字体加粗,有人能帮我吗?
我对HTML和CSS非常陌生,我只是想知道如何使用CSS使我的字体加粗。
我有一个导入CSS文件的普通HTML页面,我可以更改CSS中的字体。但是我不知道怎么把字体加粗,有人能帮我吗?
当前回答
你可以使用CSS声明font-weight: bold;。
我建议你在http://htmldog.com/guides/cssbeginner/上阅读CSS初学者指南。
其他回答
粗细:大胆的;
Selector name{
font-weight:bold;
}
假设你想把p元素加粗
p{
font-weight:bold;
}
你可以用其他的值来代替粗体
p{
font-weight:bolder;
font-weight:600;
}
你可以使用CSS声明font-weight: bold;。
我建议你在http://htmldog.com/guides/cssbeginner/上阅读CSS初学者指南。
因为你是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属性。玩得开心!
使用CSS的font-weight属性