Жирність тексту на 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>Іван</td>
		<td>Іваненко</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Микола</td>
		<td>Шевченко</td>
		<td>300$</td>
	</tr>
</table>

Встановіть таблиці ширину в 500px, а висоту в 300px. Зробіть комірки td жирними і по центру, а комірки th - нежирними.