arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны padding (зелёный — внутренний отступ) и margin (жёлтый — внешний отступ): как они отображаются в редакторе Taptop, когда использовать каждый, почему margin-top у первого дочернего элемента «схлопывается» с отступом родителя. Главное правило: padding — для пространства внутри блока (между краем и контентом), margin — для пространства между блоком и его соседями. Схлопывание margin (margin collapsing) — специфика CSS: при определённых условиях отступы не суммируются, а выбирается больший. Урок для начинающих верстальщиков. Визуальная цветовая кодировка в Taptop (зелёный/жёлтый) — самый быстрый способ запомнить разницу. После урока большинство вопросов «почему отступ не работает» решаются самостоятельно.

Внутренние и внешние отступы: основные различия

Добавляешь отступ к секции — но непонятно: padding или margin? Или якорная ссылка ведёт к блоку, но контент прилипает к краю экрана. Почему?
Padding — пространство между краем блока и содержимым. Margin — между блоком и соседними элементами. Якорная ссылка переходит к верхней границе секции: если задан margin-top, контент прилипнет к краю — заменяешь на padding-top. Для новичков. После просмотра правильно выбираешь между padding и margin в любой ситуации.
Тайминги видео
00:00 — слышу частый вопрос В чём разница 00:37 — внешние верхние и нижние отступы то 01:13 — неё то экран переместится к её 01:52 — ставить у мелких элементов которые расположены

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока