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:

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

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

Результат:

html<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>