Жирность текста в 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;
}
Результат выполнения кода: