Разлика между марж и подложка

Съдържание:

Разлика между марж и подложка
Разлика между марж и подложка
Видео: Разлика между марж и подложка
Видео: 06. Работа с подложками 2023, Февруари
Anonim

Марж срещу подложка

Разликата между полето и подложката е важен аспект в CSS, тъй като полето и подложката са две важни концепции, използвани в CSS за осигуряване на интервали между различни елементи. Подплатата и полетата не са взаимозаменяеми и имат различни цели, така че трябва да се използват по подходящ начин. Подложката е пространството между съдържанието и границата на блок. Маржът, от друга страна, е пространството извън границата на блок. Margin отделя блокове от съседни блокове, докато подложката отделя границата от съдържанието.

Какво е подложка?

В CSS (Cascading Style Sheets), подложката е пространството, запазено между съдържанието и границата. Той отделя съдържанието на блок от ръба му. Подложката е прозрачна и включва фоновото изображение или цвета на фона на елемента. Количеството запълване на елемент се определя чрез използване на термина „подложка“в CSS кода. Например, за да добавите 25px подложка около съдържанието, може да се използва следният код.

div {

ширина: 300px;

височина: 300px;

подплата: 25px;

граница: 25px плътна;

}

Ако е необходимо, различни стойности на подложката могат да бъдат посочени поотделно и за ляво, дясно, горно и долно. Следващата част от кода посочва различни стойности за подплата за всяка страна.

div {

ширина: 300px;

височина: 300px;

подложка: 25px;

подложка отдолу: 35px;

подложка вляво: 5px;

подложка вдясно: 10px;

граница: 25px плътна;

}

Разлика между марж и подложка
Разлика между марж и подложка

Какво е марж?

В CSS (Cascading Style Sheets) полето е пространството извън границата. Той отделя блок от други блокове. Маржът също е прозрачен, но голяма разлика с подложката е, че полето не включва фонови изображения или фонови цветове, приложени към елемента. Размерът на маржа в CSS се определя с помощта на термина „марж”. Следващият парче код приложи поле от 25px около блока div.

div {

ширина: 320px;

височина: 320px;

граница: 5px плътно;

марж: 25px;

}

Различни стойности могат да бъдат посочени и за различните страни на блока. Следващата част от кода прилага различни стойности на полета за всяка страна.

div {

ширина: 320px;

височина: 320px;

граница: 5px плътно;

margin-top: 25px;

margin-bottom: 35px;

поле вляво: 5px;

поле вдясно: 10px;

}

Каква е разликата между Margin и Padding?

• Попълването е пространството между границата и съдържанието, докато полето е пространството извън границата.

• Подложката отделя съдържанието на блок от границата. Маржът отделя единия блок от другия.

• Подложката се състои от фоновите изображения и цветовете на фона, приложени към съдържание, докато полето не съдържа такива.

• Полетата на съседни блокове могат да се припокриват, докато подложката не се припокрива.

Резюме:

Подплата срещу Маргин

Попълването е пространството вътре в границата на блок, което разделя границата от съдържанието. Маржът е разстоянието извън границата, което разделя блок от съседните блокове. Друга разлика е, че подложката включва фоновото изображение и цветовете на фона, приложени около съдържанието, докато полето не ги съдържа. Полетата на съседни блокове понякога могат да се припокриват, когато браузърът изобразява страницата, но за подпълване подобно нещо няма да се случи.

Снимките са предоставени:

Модел на CSS кутия от Felix.leg (CC BY-SA 3.0)

Популярни по теми