fontweight(fontweight属性)

更新时间:2023-03-01 21:33:01 阅读：评论：0

font-weight: bolder;是什么意思

font-weight: bolder也可以简单地理解为字体加粗的意思，详细参照下面的内容。
font-weight的属性值有3种指定方法：
第1种是关键字法，关键字包括“normal”和“bold”两个；
第2种是相对粗细值法，相对粗细也是由关键字定义，但是它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个；
第3种为数字法，包括从“100”到“900”的9个数字序列（注意，只能是100、200之类的整百数）。这些数字序列代表从最细（100）到最粗（900）的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。

font-weight的示例

示例1演示了font-weight属性所描述的关键字所对应的一般效果，这里选择Windows常用的Times New Roman字体作为演示效果，如图1所示。
示例1
<html>
<head>
<title>CSS Demo</title>
<style>
body,table,tr,td { font-family: Times New Roman, Times;
font-size: 18pt; }
table { border-collap: collap; }
</style>
</head>
<body>
<table border=1 cellpadding=5>
<tr><th>关键字</th><th>效果</th></tr>
<tr style=font-weight: normal;><td>normal</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: bold;><td>bold</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: bolder;><td>bolder</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: lighter;><td>lighter</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 100;><td>100</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 200;><td>200</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 300;><td>300</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 400;><td>400</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 500;><td>500</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 600;><td>600</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 700;><td>700</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 800;><td>800</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
<tr style=font-weight: 900;><td>900</td><td>The quick brown fox jumps over a lazy dog.</td></tr>
</table>
</body>
</html>

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了。这是怎么回事

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的，解决方法为：

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一行文字，用于测试。

3、在test.html文件内，给div标签添加一个class属性，属性值为title。

4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

5、在css标签内，通过class设置div的样式，定义其font-weight属性为bolder，即可实现加粗，同时，使用font-size属性设置文字的大小为20px。

css中 FONT-WEIGHT:bold 什么意思？

这句直接翻译就是：字体粗细：粗体

在CSS中，font-weight 属性设置文本的粗细。

使用 bold 关键字可以将文本设置为粗体。

关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。

如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。

可能的值：

例：

<styletype="text/css">
p.normal{font-weight:normal}
p.thick{font-weight:bold}
p.thicker{font-weight:900}
</style>

参考资料：http://www.w3school.com.cn/css/css_font.asp

文字的粗细：font-weight属性

上面没加P的是人家调用的class“<p
class="1">嘴角上扬15度是（最美的；微笑、）</p>
<p
class="2">嘴角上扬15度是（最美的；微笑、）</p>
”

本文发布于:2023-02-28 20:28:00，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/zhishi/a/167767758184055.html

本文word下载地址：fontweight(fontweight属性).doc

本文 PDF 下载地址：fontweight(fontweight属性).pdf

上一篇：pm什么意思

下一篇：返回列表

标签：属性 fontweight

留言与评论（共有 0 条评论）