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