Відступи

Відступи бувають зовнішні та внутрішні.

Відступи можуть мати 1, 2, 3, або 4 параметра, що записуються через пробіл:
1 - всі відступи однакові;
2 - вертикальні та горизонтальні відступи;
3 - верхній, горизонтальні, нижній відступи;
4 - верхній, правий, нижній, лівий відступи.

Боба, розкажи про margin: 0 auto;

Особливості використання margin та padding.

У відступів є багато "сюрпризів", які неприємно вражають новачків.

Особливості можна переглянути у jsFiddle.

Фон промальовується по внутрішнім відступам, не промальовується по зовнішнім.

Внутрішні відступи збільшують розміри елемента.

В першу чергу намагайтесь використовувати padding.

Вертикальні маргіни об'єднуються, горизонтальні - ні.

Можна використовувати від'ємні значення маргінів, але паддінги можуть бути лише 0 або більше.

У абсолютно чи фіксовано спозиціонованих елементів зовнішні відступи не впливають на оточуючі блоки, лише на позицію поточного елемента.

Якщо у батьківського блока немає вертикальних паддінгів чи горизонтальних бордерів - маргіни вилазять за межі батьківського блока.

У строчних елементів вертикальні відступи не впливають на сусідні елементи зверху та знизу.

Саме з цієї причини не раджу використовувати вертикальні маргіни поки не наберетесь достатньо досвіду.