# Жирность текста на 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` - нежирными.

←→
↑