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

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

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

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

Справочник

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

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

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

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

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

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

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

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

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