245 css
我是HTML和CSS的新手,我只是想知道如何使用CSS使我的字体变粗.
我有一个导入CSS文件的纯HTML页面,我可以更改CSS中的字体.但我不知道如何使字体变粗,任何人都可以帮助我吗？
ere*_*non 72
您可以在html中使用该strong元素,这在语义上很好(也适用于屏幕阅读器等),通常呈现为粗体文本:
See here, some <strong>emphasized text</strong>.或者你可以使用的font-weightCSS属性样式的任何元素的文本为粗体:
span { font-weight: bold; }<p>This is a paragraph of <span>bold text</span>.</p>mer*_*uro 26
正弦你是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属性.玩得开心!
Selector name{
font-weight:bold;
}
假设你想为p元素加粗
p{
font-weight:bold;
}
您可以使用其他替代值而不是粗体
p{
font-weight:bolder;
font-weight:600;
}
<!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>