Дебљина текста у CSS

У овој лекцији ћемо проучити својство font-weight, које омогућава да текст учинимо подебљан или обрнуто - уклонимо дебљину (на пример, за наслове који су подебљани подразумевано). Да бисте текст учинили подебљаним, треба навести вредност bold, а да бисте уклонили дебљину - вредност normal.

Ово својство функционише слично тагу b, који смо већ објаснили. Разлика је у томе што је кроз CSS управљање дебљином много удобније - можете, на пример, натерати све пасусе да постану подебљани, а све наслове - да не буду подебљани, само пар уписа у CSS фајлу.

Да сам правио подебљан кроз таг b - морао бих садржај сваког пасуса да умотам у овај таг, а то би било веома захтевно у погледу времена (а ако касније пожелим да уклоним дебљину пасусима - морао бих да уклањам све те тагове, замислите колико је то непотребног, бескорисног посла).

У следећем примеру ћемо учинити све пасусе подебљаним, а све наслове h2 - да нису подебљани:

html<h2>Наслов</h2>
<p>
  Ово је пасус са текстом.
</p>

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

Результат:

html<table border="1">
  <tr>
    <th>Име</th>
    <th>Презиме</th>
    <th>Плата</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>