4. CSS внутренние и внешние отступы — свойства padding и margin. Схлопывание отступов

✏️ Поговорим про внутренние и внешние отступы — margin и padding, рассмотрим все форматы их значений, а также обсудим важную концепцию CSS — "схлопывание" отступов.

🔴 Timeline:
▶ 00:00​ | План урока
▶ 00:19​ | Свойство padding
▶ 00:43​ | Форматы значений padding
▶ 02:54​ | Свойство margin
▶ 03:07​ | Форматы значений margin
▶ 04:24​ | Свойство margin, значение auto
▶ 04:56​ | Свойство margin, отрицательное значение
▶ 05:23​ | Схлопывание отступов
▶ 06:07​ | Назначение отступов margin и padding
▶ 06:47​ | Что дальше

📚 Полезные ссылки:

💬 Чат в телеграмме (помощь новичкам):

🔸 Boosty (поддержать канал):

🗂️ Бесплатные курсы на канале:

📌 Автор:

#frontend #фронтенд #css

[КонстантинКашапов]

Снова лайк за наглядность и упорядоченное изложение

[slamedesign]

Большое спасибо, забрал себе инфу для миксина на padding-inline и padding-block

[xMurieLLx]

Кайф !
Чётко, внятно. по делу и без часового рассуждения и литья воды.

Очень надесь, что в дальшейшем будут лекции по нативному JS а следом Git/GitHub.
B будет совсем круто затронуть базовые моменты SASS и React

[morismustanger]

Ты просто космос! скоро будешь популярнее всех блогеров)

[Ivanfwit]

Спасибо за видео! Узнал, что есть новые свойства у padding

[АлександрБекач]

Очень интересное видео. Нужно будет сегодня вечером посидеть и поиграться с отступами.

В случае, когда идет отрицательные значения у margin можно сделать интересное меню для шапки сайта. Не будет ли это считаться за ошибку? И могут ли возникать проблемы в дальнейшем с такой менюшкой?

На CSS уже нужно больше мозгов, чем в HTML)) 😅 Труднее даётся понимание некоторых вещей. Нужно больше практики. И в очередной раз огромное спасибо за видео урок!

[olehua]

Привет. Следующее видео об обнулении стилей. Очень интересует тема обнуления по БЄМ. Я так понял что там есть свои нюансы. Интересно Ваше мнение

[kalts_daniil]

Не совсем понял, насчёт последнего совета с внешними отступами 😅

1) Надо всегда стараться указывать точечно margin-left, margin-right, margin-top, margin-bottom ?
И стоит ли указывать в определенном порядке по типу:

margin-left,
margin-right,
margin-top,
margin-bottom

или может

margin-top,
margin-left,
margin-right,
margin-bottom

2) Есть ли стандарт какой-нибудь?
3) Схлопывание отступов работает только по вертикали?

[ubngnnf]

5:48 только вертикали. Остальные видео еще не смотрел, будут ли условия когда схлопывания не работают

[zhaslanuly]

Привет, поделись пожалуйста источниками где можно узнать о новых тегах, атрибутах в html, свойств и их значений в css

[MishaWS]

ты шо ускоряешь видео в видеоредакторе?