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

Заголовки всегда расположены первыми в разделе, поэтому можно обнулить им маргин сверху. Тогда отступ от заголовка до границы раздела будет зависеть от внутренних отступов самого раздела.
Отступ слева у заголовков мы обнуляем на всякий случай, отступ снизу задаём такой же как на макете.
Отдельно поговорим про отступ справа. Как вы уже догадались, некоторые кнопки с помощью абсолютного позиционирования мы разместим в правом верхнем углу разделов, на одном уровне с заголовком. Эти кнопки будут вырваны из потока. И чтобы текст заголовка (если он вдруг изменится) не заполз под кнопку, мы добавляем заголовку отступ справа. Размер этого отступа делаем чуть больше кнопки.
Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс «JavaScript. Профессиональная разработка веб-интерфейсов». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.