Оформление текста, часть 1 / Свойство font-weight: толщина начертания [3/16]
×

Свойство font-weight: толщина начертания [3/16]

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

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

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

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

Хотите стать профессионалом в вёрстке? Тогда записывайтесь на наш интенсив.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство font-weight: толщина начертания</title> </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; }
HTML Academy
  1. Cделайте текст заголовка нежирным,
  2. текст тегов с классом bold — полужирным
  3. и текст пунктов списка — полужирным.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.