Как задаются внешние отступы в CSS?

Внешние отступы задаются свойством `margin` — для всех сторон сразу или для каждой отдельно.

Способы записи

margin: 16px;                 /* все стороны */
margin: 8px 16px;             /* вертикаль | горизонталь */
margin: 8px 16px 24px;        /* верх | горизонталь | низ */
margin: 8px 16px 24px 32px;   /* верх | право | низ | лево — по часовой */
margin-top: 8px;              /* одна сторона */
margin-inline: auto;          /* логическое свойство: лево и право */

Особенности

• `auto` по горизонтали центрирует блок с заданной шириной: margin: 0 auto.
• Отрицательные значения сдвигают элемент или «подтягивают» соседей.
• Схлопывание — вертикальные margin соседних блоков не складываются, а берётся больший.
• У строчных элементов (inline) вертикальный margin не влияет на раскладку.
• Проценты считаются от ширины родителя, даже для margin-top.

Коротко для собеседования

margin задаёт внешние отступы (1–4 значения по часовой стрелке), auto центрирует, вертикальные отступы соседей схлопываются.

Подробнее: MDN — margin