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

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

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

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

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

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

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

Поставите табели ширину од 500px, а висину од 300px. Учините ћелије td подебљаним и центрираним, а ћелије th - да нису подебљане.