Fedt tekst i CSS

I denne lektion vil vi studere egenskaben font-weight, som gør det muligt at gøre tekst fed eller omvendt - fjerne fed (for eksempel til overskrifter, som er fede som standard). For at gøre tekst fed, skal du angive værdien bold, og for at fjerne fed - værdien normal.

Denne egenskab fungerer på samme måde som tagget b, som vi allerede har gennemgået. Forskellen er, at det er meget mere bekvemt at styre fed via CSS - du kan for eksempel gøre alle afsnit fede, og alle overskrifter - ikke-fede, ved kun at lave et par indtastninger i CSS-filen.

Hvis jeg skulle lave fed via tagget b - ville jeg være nødt til at indkapsle indholdet af hvert afsnit i dette tag, og det ville være meget tidskrævende (og hvis jeg senere vil fjerne fed fra afsnittene - bliver jeg nødt til at fjerne alle disse tags, forestil dig, hvor meget unødvendigt, unyttigt arbejde det er).

I det følgende eksempel vil vi gøre alle afsnit fede, og alle overskrifter h2 - ikke-fede:

html<h2>Title</h2>
<p>
  This is a paragraph with text.
</p>

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

Результат:

html<table border="1">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</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>