Teksttykkelse i CSS

I denne leksjonen vil vi studere egenskapen font-weight, som gjør det mulig å gjøre teksten fet eller omvendt - fjerne fetheten (for eksempel for overskrifter, som er fete som standard). For å gjøre teksten fet, skal du sette verdien bold, og for å fjerne fetheten - verdien normal.

Denne egenskapen fungerer på samme måte som taggen b, som vi allerede har gått gjennom. Forskjellen er at det er mye mer praktisk å styre fetheten via CSS - du kan for eksempel gjøre alle avsnitt fete, og alle overskrifter - ikke-fete, ved å kun gjøre et par oppføringer i CSS-filen.

Hvis jeg skulle gjort teksten fet via taggen b - måtte jeg ha pakket innholdet i hvert avsnitt inn i denne taggen, og det ville vært veldig tidskrevende (og hvis jeg senere vil fjerne fetheten på avsnittene - må jeg fjerne alle disse taggene, tenk på hvor mye ekstra, unyttig arbeid det ville vært).

I det neste eksemplet vil vi gjøre alle avsnitt fete, og alle overskrifter h2 - ikke-fete:

html<h2>Tittel</h2>
<p>
  Dette er et avsnitt med tekst.
</p>

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

Результат:

html<table border="1">
  <tr>
    <th>Navn</th>
    <th>Etternavn</th>
    <th>Lønn</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>