Margin vs Padding

Margin и padding в CSS служат в блочных елементах для установки отступов от края. Но при этом я постоянно путаюсь какая между ними разница, и что когда испрользовать, поэтому и создала для себя эту шпаргалку.

Margin используется, когда нужно задать отступ всего эелемнта от соседних или внешних элементов. Тот есть от края за пределы блока, устанавливает отступ от края элемента во вне (внешний блок)

Padding используется внутри блока/элемента, и устанавливает отступ от края элемента внутрь, то есть внутренний контент будет отступать от края с помощью стиля padding.

Схематически я это изобразила так
Margin vs Padding

Синтаксис Margin и Padding примерно одинаковый, и я не буду касаться его в этой заметке.

Тут только о принципиальном отличии Margin и Padding, которая я и показала на рисунке.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *