Теория
Теория

Свойство font-weight: толщина начертания

Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

Полужирность текста можно задавать с помощью свойства font-weight, которое имеет два основных значения:

normal — обычное начертание;
bold — полужирное начертание.

На самом деле это свойство имеет много значений: bold, bolder, lighter, normal, 100, 200, 300, 400, 500, 600, 700, 800, 900. Эти значения задают степень толщины шрифта, от самого тонкого, до самого толстого.

Но большинство браузеров всё равно умеют отображать только два варианта толщины: обычный и полужирный. Поэтому и остальные значения свойства обычно не используют.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство font-weight: толщина начертания</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Progressive Enhancement</h1> <p>Что же такое <span class="bold">Progressive Enhancement</span>? Чаще всего этот термин переводят, как <span class="bold">прогрессивное улучшение</span>. Прогрессивное улучшение предполагает, что веб-интерфейсы должны создаваться поэтапно, циклически, от простого к сложному. На каждом из этапов должен получаться законченный веб-интерфейс, который будет лучше, красивее и удобнее предыдущего. Можно сказать, что сейчас таких этапов четыре:</p> <ol> <li>«Старый-добрый-HTML» этап</li> <li>CSS этап</li> <li>CSS3 этап</li> <li>JavaScript этап</li> </ol> </body> </html>

CSS

h1 { font-size: 24px; }

ЗадачиВыполнено

Сделайте текст заголовка нежирным,
текст тегов с классом bold — полужирным
и текст пунктов списка — полужирным.

Свойство font-weight: толщина начертания

Вход

Регистрация

Восстановление доступа

Крутим, кодим, празднуем!