Чем отличается внешний отступ (margin) от внутреннего отступа (padding)?

Основное отличие внешнего отступа (margin) от внутреннего отступа (padding) в CSS заключается в том, что margin влияет на расположение соседних элементов, а padding определяет пространство внутри самого блока. skyeng.ru

Некоторые другие различия:

• Цвет фона: padding всегда принимает цвет фона родительского элемента, что критично при создании цветных блоков. skyeng.ru Margin не наследует цвет элемента. skyeng.ru
• Взаимодействие с border: отступ padding считается до границы, а margin — от границы. skyeng.ru
• Отрицательные значения: для margin они допускаются, для padding — нет. skyeng.ru
• Работа с вложенными элементами: margin может схлопываться, а padding всегда сохраняет заданное расстояние. skyeng.ru
• Увеличение размера элемента: padding увеличивает размер элемента, margin — только расстояние до соседних элементов. skyeng.ru

Пример использования: если нужно обезопасить элемент от прилипаний контента внутри, то нужен padding. mentorium.frontend-design.ru Если же необходимо, чтобы к элементу снаружи не располагались вплотную другие элементы, то нужен margin. mentorium.frontend-design.ru