Оформление текста, часть 1 / Свойство line-height: управляем высотой строки [14/16]
×

Свойство line-height: управляем высотой строки [14/16]

Высотой строки или, правильнее, межстрочным интервалом можно управлять с помощью свойства line-height. Значение этого свойства можно задавать следующими способами:

  1. Множителем, например 1.5, 2.
  2. В процентах: 150%.
  3. С помощью любых других единиц измерения CSS: 12px, 2em.
  4. Ключевым словом normal, которое задает автоматический расчет высоты строки.

Предпочтительнее задавать межстрочный интервал либо множителем, либо в относительных единицах измерения.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство line-height: управляем высотой строки</title> </head> <body> <h1>Responsive + Mobile First</h1> <p class="low"><span>Соотношение подходов Responsive Design и Mobile First очень похоже на соотношение Graceful Degradation и Progressive Enhancement. Первый подход в паре общий, а второй подход частный и добавляет к первому дополнительные требования: «начинай с простого HTML», «начинай проектировать с мобильной версии», «погладь кота».</span></p> <p class="high"><span>Стоит отметить, что озвученные подходы отлично сочетаются друг с другом и отлично друг друга дополняют. И в скором будущем все топовые исполнители будут заявлять: «Мы делаем Mobile First + Progressive Enhancement».</span></p> </body> </html>
CSS
h1 { font-size: 24px; } span { background: rgba(210, 210, 210, 0.3); } .low { } .high { }
HTML Academy

Измените межстрочный интервал у абзацев:

  1. Абзацу с классом .low задайте интервал 10px.
  2. Абзацу с классом .high задайте интервал 1.5.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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