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:
<h2>Title</h2>
<p>
This is a paragraph with text.
</p>
h2 {
font-weight: normal;
}
p {
font-weight: bold;
}
:
Aşağıdakı HTML kodunu öz səhifənizə kopyalayın:
<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>
Cədvələ 500px en və 300px hündürlük təyin edin.
td xanalarını qalın və mərkəzləşdirilmiş,
th xanalarını isə qalın olmayan edin.