Uzito wa Maandishi katika CSS

Katika somo hili tutasoma sifa font-weight, ambayo inaruhusu maandishi kuwa na uzito (bold) au kinyume chake - kufuta uzito (kwa mfano, kwa vichwa, ambavyo vina uzito chini ya hali ya kawaida). Ili kufanya maandishi yawe na uzito, inapaswa kubainisha thamani bold, na ili kufuta uzito - thamani normal.

Sifa hii inafanya kazi sawa na kitambulisho b, ambalo tumechambua tayari. Tofauti ni kwamba kupitia CSS kudhibiti uzito ni rahisi zaidi - kwa mfano, inawezekana kufanya aya zote ziwe na uzito, na vichwa vyote - visiwe na uzito, kwa kufanya maandiko machache tu kwenye faili ya CSS.

Kama ningefanya ya uzito kupitia kitambulisho b - ningelazimika kumwambia yaliyomo ya kila aya kufungwa kwenye kitambulisho hiki, na hii ingekuwa gharama kubwa ya wakati (na ikiwa nitahitaji baadaye kuondoa uzito kwa aya - nitabidi niondoe vitambulisho hivi vyote, fikiria, hii ni kazi ngapi ya ziada, isiyo na manufaa).

Katika mfano ufuatao tutafanya aya zote ziwe na uzito, na vichwa vyote h2 - visiwe na uzito:

<h2>Kichwa</h2>
<p>
	Hii ni aya yenye maandishi.
</p>

h2 {
	font-weight: normal;
}
p {
	font-weight: bold;
}

Nakili msimbo ufuatao wa HTML kwenye ukurasa wako:

<table border="1">
	<tr>
		<th>Jina</th>
		<th>Jina la Ukoo</th>
		<th>Mshahara</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Weka jedi upana wa 500px, na urefu wa 300px. Fanya seli td ziwe na uzito na katikati, na seli th - zisiwe na uzito.