Привет. Крайне частая проблема у верстальщиков - это использование отступов в верстке. Я и сам, бывает, не всегда следую правилам. Однако, они важны и нужны, знать и применять их должен любой уважающий себя верстальщик. Давайте же разбираться.
Содержание:
00:00 - Вступление
00:20 - Синтаксис margin и padding
02:57 - Отступы для строчных элементов
03:58 - Флекс-сетка с margin и padding
06:18 - Центрирование с помощью margin
06:34 - Что использовать при фоновом изображении?
07:19 - Интересное поведение margin: auto
08:08 - Схлопывание margin
09:03 - Как правильно задавать margin (вертикальные отступы)
10:25 - Убираем отступ у последнего элемента в коллекции
11:40 - Как правильно задавать margin (горизонтальные отступы)
12:15 - Практический пример по отступам в карточке
14:30 - Так ли нужен min-height?
15:30 - Отступы у БЭМ-блоков
17:12 - Как делать отступы, если потом это все пойдет на CMS
18:46 - Заговор)
19:48 - Заключение
clck.ru/PqFst - исходники из видео на GitHub
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxgraph
Чат для верстальщиков: teleg.run/maxgraph_chat
#обучение #отступы #margin_padding
1 июн 2024
