- Теория
- Теория
Завершаем заголовки разделов
Справочник и последующие разделы начинаются с заголовков .section-title
, для которых мы уже задали общие текстовые параметры.
Для соответствия макету этим заголовкам нужно переопределить отступы по умолчанию.
Заголовки всегда расположены первыми в разделе, поэтому можно обнулить им маргин сверху. Тогда отступ от заголовка до границы раздела будет зависеть от внутренних отступов самого раздела.
Отступ слева у заголовков мы обнуляем на всякий случай, отступ снизу задаём такой же как на макете.
Отдельно поговорим про отступ справа. Как вы уже догадались, некоторые кнопки с помощью абсолютного позиционирования мы разместим в правом верхнем углу разделов, на одном уровне с заголовком. Эти кнопки будут вырваны из потока. И чтобы текст заголовка (если он вдруг изменится) не заполз под кнопку, мы добавляем заголовку отступ справа. Размер этого отступа делаем чуть больше кнопки.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.