Полетата и подложките могат да бъдат объркващи, защото в някои отношения изглеждат като едно и също нещо: бяло пространство около изображение или обект. Ето какво вие като уеб дизайнер трябва да знаете за техните различия.
Попълване
Попълването е пространството между съдържанието на изображение или клетка и външната му граница. На изображението по-долу подложката е жълтата зона около съдържанието. В този случай подложката обхваща изцяло съдържанието: отгоре, отдолу, отдясно и отляво. Можете да посочите колко подложки (в проценти, пиксели, точки и т.н.) за всяка страна и те не трябва да са еднакви. По този начин можете да позиционирате съдържание в елемент.
Полета
За разлика от това полетата са пространствата извън границата на елемент, между елемента и всичко, което е съседно на него. В изображението полето е бялата зона извън целия обект. Подобно на подложката, полето обхваща изцяло съдържанието в този пример: отгоре, отдолу, отдясно и отляво. Можете да използвате полета, за да позиционирате div и други елементи на страница.
Винаги тествайте страниците си в различни браузъри, операционни системи (включително мобилни) и размери на екрана, за да сте сигурни, че се показват точно както искате.
