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

Завершаем заголовки разделов

Справочник и последующие разделы начинаются с заголовков .section-title, для которых мы уже задали общие текстовые параметры.

Для соответствия макету этим заголовкам нужно переопределить отступы по умолчанию.

Справочник

Заголовки всегда расположены первыми в разделе, поэтому можно обнулить им маргин сверху. Тогда отступ от заголовка до границы раздела будет зависеть от внутренних отступов самого раздела.

Отступ слева у заголовков мы обнуляем на всякий случай, отступ снизу задаём такой же как на макете.

Отдельно поговорим про отступ справа. Как вы уже догадались, некоторые кнопки с помощью абсолютного позиционирования мы разместим в правом верхнем углу разделов, на одном уровне с заголовком. Эти кнопки будут вырваны из потока. И чтобы текст заголовка (если он вдруг изменится) не заполз под кнопку, мы добавляем заголовку отступ справа. Размер этого отступа делаем чуть больше кнопки.

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс «JavaScript. Профессиональная разработка веб-интерфейсов». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Четвертьфинал» тренажёра «Великий Кексби, этап 2» можно после регистрации и оформления подписки.