Разница между внешним и внутренним отступом в CSS заключается в следующем:

1. Внутренний отступ — это пустое пространство между содержимым элемента и его рамкой (если она установлена). 1 Для добавления и управления шириной внутренних отступов со всех четырёх сторон элемента используется свойство padding. 1
2. Внешний отступ — это пустое пространство, отделяющее элемент от других элементов или краёв окна браузера. 1 Для добавления и управления шириной внешних отступов со всех четырёх сторон элемента используется свойство margin. 1

Таким образом, внутренний отступ создаёт пространство внутри границ элемента, между содержимым и границей, а внешний — за его пределами, между элементом и другими окружающими элементами. 5

Например, на примере ячейки таблицы внутренний отступ — это расстояние между границей ячейки и её содержимым, а внешний отступ — расстояние между двумя соседними ячейками. 2