В чем разница между полями и отступами?

Поле задаётся свойством padding, отступ – margin; поле определяется промежутком между содержимым и границей блока, отступ – между границами соседних блоков; поля могут как учитываться в размерах элемента (ширине и высоте), так и нет.