Debelina besedila v CSS

V tej lekciji bomo preučili lastnost font-weight, ki omogoča, da besedilo naredimo krepko ali, nasprotno, prekličemo krepko (na primer za naslove, ki so privzeto krepki). Če želite besedilo narediti krepko, nastavite vrednost bold, za preklic krepkega pa vrednost normal.

Ta lastnost deluje podobno kot tag b, ki smo ga že obravnavali. Razlika je v tem, da je upravljanje debeline s CSS mnogogo bolj priročno - na primer, lahko naredite vse odstavke krepke, vse naslove pa nekrepke, z le nekaj vnosi v CSS datoteki.

Če bi krepko naredil z uporabo taga b - bi moral vsak odstavek zaviti v ta tag, kar bi bilo zelo zamudno (in če bi kasneje želel odstraniti krepkost odstavkom, bi moral odstraniti vse te tage, predstavljajte si, koliko nepotrebnega, nesmiselnega dela bi bilo).

V naslednjem primeru bomo naredili vse odstavke krepke, vse naslove h2 pa nekrepke:

html<h2>Naslov</h2>
<p>
  To je odstavek z besedilom.
</p>

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

Результат:

html<table border="1">
  <tr>
    <th>Ime</th>
    <th>Priimek</th>
    <th>Plača</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>