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，感謝您對本站的認可！

本文鏈接：http://www.newhan.cn/zhishi/a/167767758184055.html

本文word下載地址：fontweight(fontweight屬性).doc

本文 PDF 下載地址：fontweight(fontweight屬性).pdf

上一篇：pm什么意思

下一篇：返回列表

標簽：屬性 fontweight

留言與評論（共有 0 條評論）