CSS отступы padding и margin. Подробное объяснение за 33 минуты. Расскажу как и где использовать. Какая разница между padding и margin. Поделюсь методами применения в различных ситуациях. Одним словом, padding и margin на практике! Напомню, CSS padding - это внутренний отступ объекта. От границы до содержимого. CSS Margin –это внешний отступ от границ объекта до окружающих элементов. Применяются отступы к блочным и блочно-строчным объектам.
👉 Материалы урока качай по ссылке - https://fls.guru/files/tutorials/padding-margin.zip
👉 Урок БЭМ - https://www.youtube.com/watch?v=HihYQVuH64U
Содержание:
00:00 - Вступление
00:17 - Что такое padding и margin
00:59 - Синтаксис записи padding и margin
04:53 - Применение padding и margin к строчным объектам
07:13 - padding, margin и свойство box-sizing
11:02 - padding, margin и цвет фона
12:48 - padding, margin и фоновые изображения
13:50 - padding, margin и позиционирование
15:06 - padding, margin и overflow: hidden;
15:46 - margin 0 auto. Центровка блока
16:20 - Отрицательные значения margin
21:50 - Схлопывание margin.
24:14 - Правильное использование padding и margin
32:44 - Важное напутствие
🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
🤟 Живи, а работай в свободное время! ©