CSSda matn qalinligi

Ushbu darsda biz matnni qalin qilish yoki aksincha - qalinlikni bekor qilish (masalan, sukut bo'yicha qalin bo'lgan sarlavhalar uchun) imkonini beruvchi font-weight xususiyatini o'rganamiz. Matnni qalin qilish uchun bold qiymatini, qalinlikni bekor qilish uchun esa normal qiymatini ko'rsatish kerak.

Bu xususiyat biz allaqachon ko'rib chiqgan b tegi bilan o'xshash ishlaydi. Farqi shundaki, CSS orqali qalinlikni boshqarish ancha qulay - masalan, barcha abzatslarni qalin, barcha sarlavhalarni esa qalin bo'lmagan qilish uchun CSS faylida atigi bir necha yozuv qilish kifoya.

Agar men b tegi orqali qalin qilayotganimda - har bir abzats mazmunini ushbu tegga o'rashim kerak bo'lar edi, bu esa vaqt jihatidan juda qimmatga tushardi (agar keyin abzatslarning qalinligini olib tashlamoqchi bo'lsam, barcha ushbu teglarni olib tashlashim kerak, bu qancha ortiqcha, foydasiz ish ekanligini tasavvur qiling).

Quyidagi misolda biz barcha abzatslarni qalin, barcha h2 sarlavhalarini esa qalin bo'lmagan qilamiz:

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

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

Quyidagi HTML kodini o'zingizning sahifangizga nusxalang:

<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>

Jadvalga 500px kenglik va 300px balandlik bering. td kataklarini qalin va markazga tekislangan, th kataklarini esa qalin bo'lmagan qiling.