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.