Зураг болон объектын эргэн тойронд байгаа хоосон зай зэрэг зарим талаараа ижил зүйл мэт санагдах тул захын зай болон дүүргэлт нь төөрөлдүүлж болзошгүй. Вэб дизайнерын хувьд та тэдгээрийн ялгааны талаар мэдэх ёстой зүйл энд байна.
Жилүүлэг
Дүүргэх нь зураг эсвэл нүдний контент болон түүний гаднах хүрээ хоорондын зай юм. Доорх зурган дээрх дэвсгэр нь агуулгын эргэн тойрон дахь шар хэсэг юм. Энэ тохиолдолд дэвсгэр нь агуулгыг бүхэлд нь тойрон эргэлддэг: дээд, доод, баруун, зүүн тал. Та тал тус бүрийн хувьд хэр хэмжээний дэвсгэр (хувь, пиксел, цэг гэх мэт) -ийг зааж өгч болох бөгөөд тэдгээр нь ижил байх албагүй. Ингэснээр та контентыг элемент дотор байрлуулж болно.
Маржин
Харин, захын зай нь элементийн хилийн гаднах, элемент болон түүний зэргэлдээх зүйлсийн хоорондох зай юм. Зурган дээрх зах нь бүх объектын гаднах цагаан хэсэг юм. Дүүргэлтийн нэгэн адил захын зай нь энэ жишээн дээрх агуулгыг бүрэн тойрох болно: дээд, доод, баруун, зүүн талд. Та хуудасны div болон бусад элементүүдийг байрлуулахдаа захын зайг ашиглаж болно.
Хуудаснуудаа яг таны хүссэнээр харуулахын тулд янз бүрийн хөтөч, үйлдлийн систем (мобайл гэх мэт) болон дэлгэцийн хэмжээг үргэлж туршиж үзээрэй.
