# Жирность текста в CSS

В данном уроке мы изучим свойство `font-weight`, которое позволяет сделать текст жирным или наоборот - отменить жирность (к примеру, для заголовков, которые жирные по умолчанию). Чтобы сделать текст жирным, следует указать значение `bold`, а чтобы отменить жирность - значение `normal`.

Это свойство работает аналогично тегу `b`, который мы уже разобрали. Разница в том, что через CSS управлять жирностью гораздо удобнее - можно, например, заставить все абзацы стать жирными, а все заголовки - нежирными, сделав всего пару записей в CSS файле.

Если бы я делал жирный через тег `b` - мне пришлось бы содержимое каждого абзаца обернуть в этот тег, а это было бы очень затратным по времени (а если я потом захочу убрать жирность абзацам - мне придется убирать все эти теги, представьте, сколько это лишней, бесполезной работы).

В следующем примере мы сделаем все абзацы жирными, а все заголовки `h2` - нежирными:

`<h2>Title</h2> <p> This is a paragraph with text. </p>` `h2 { font-weight: normal; } p { font-weight: bold; }`

:

Скопируйте следующий HTML код себе на страницу:

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

Установите таблице ширину в `500px`, а высоту в `300px`. Сделайте ячейки `td` жирными и по центру, а ячейки `th` - нежирными.

← →
↑