Отступы: padding и margin

padding — расстояние от текста до рамки блока (внутри). margin — расстояние от блока до соседей (снаружи). Разница видна сразу, если представить блок как коробку с наклейкой.

Как это выглядит: .box { padding: 16px; margin-bottom: 20px; }

Откуда слово: Margin — от латинского margo, «край»: тот же корень у «маргинала» (человека «на краю») и у «маргиналии» — заметки на полях книги. Padding — от английского pad, «набивка, подушка»: мягкая прокладка, которой заполняют пустоту. Отсюда и разница: margin — край снаружи, padding — подушка внутри коробки.

Где это проходят: урок 2.2 «Отступы: снаружи и внутри» · Интерфейсы и сайты с нуля

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.