Mətnin qalınlığı CSS-də

Bu dərsdə biz mətni qalın etməyə və ya əksinə - qalınlığı ləğv etməyə ( məsələn, defolt olaraq qalın olan başlıqlar üçün) imkan verən font-weight xassəsini öyrənəcəyik. Mətni qalın etmək üçün bold dəyərini, qalınlığı ləğv etmək üçün isə normal dəyərini təyin etmək lazımdır.

Bu xassə artıq baxdığımız b teqi kimi işləyir. Fərq ondadır ki, CSS vasitəsilə qalınlığı idarə etmək daha rahatdır - məsələn, bütün abzasları qalın, bütün başlıqları isə qalın olmayan etmək üçün CSS faylında cəmi bir neçə yazı etmək kifayətdir.

Əgər mən b teqi ilə qalın etsəydim - hər bir abzasın məzmununu bu teq içərisinə almaq məcburiyyətində qalardım, bu da vaxt baxımından çox sərfeli olardı (və əgər sonradan abzasların qalınlığını aradan qaldırmaq istəsəydim, bütün bu teqləri silməli olardım, təsəvvür edin, nə qədər lazımsız, faydasız iş olardı).

Aşağıdakı nümunədə biz bütün abzasları qalın, bütün h2 başlıqlarını isə qalın olmayan edəcəyik:

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>