css文字加粗font-weight

2012/11/23 16:50:36作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

css文字加粗font-weight

在HTML里使用<b>標(biāo)記設(shè)置文字為粗體顯示，而在CSS中利用font—weight屬性來設(shè)置字體的粗細(xì)。然而遺憾的是，實際上大多數(shù)操作系統(tǒng)和瀏覽器還不能很好地實現(xiàn)非常精細(xì)的文字加粗設(shè)置，通常只能設(shè)置“正?！焙汀凹哟帧眱煞N粗細(xì)。

【基本語法】

<font-weight：字體粗度值>

【語法介紹】

font—weight的取值范圍包括normal、bold、bolder、lighter、number。其中normal表示正常粗細(xì)；bold表示粗體；bolder表示特粗體；lighter表示特細(xì)體；number不是真正的取值，其范圍是100～900，一般情況下都是整百的數(shù)字，如100、500等。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<style type="text/css">
<!--
.h {
font-family: "宋體";
font-size: 14px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<span class="h">冷風(fēng)，過境回憶，殘留在落葉的秋。抬頭，仰望著天空，
所有的思緒都集中在過去的回憶里，回憶似星辰，這話一點(diǎn)都不假。有些時候，
真的不想懂得一些東西，可世界就是這樣的，你越不想懂就越讓你懂。恨自己
真的很沒用，你越是想得到的東西，就越讓你得不到，你只能當(dāng)她是一個夢，
一個遙遠(yuǎn)的夢。</span><br />
</body>
</html>

【代碼分析】

此段代碼中首先在<head></head>之間，定義了h標(biāo)記中的加粗字體font—weight為粗體bold然后在正文中對文本應(yīng)用h樣式，在瀏覽器中預(yù)覽效果，如圖所示。

文字加粗font-weight運(yùn)行效果