Jeśli nie wiesz, jaka jest różnica pomiędzy dopełnieniem a marginesami, nie jesteś sam. Jest to często zadawane pytanie i zaskoczyło wielu projektantów stron internetowych. W tym krótkim samouczku naucz się rozróżniać te dwa elementy.
Zrozumienie różnicy
Marginesy i obicia mogą być mylące dla początkującego projektanta stron internetowych, a czasami nawet projektantów z większym doświadczeniem. W końcu w pewnym sensie wyglądają tak samo: biała przestrzeń wokół obrazu lub obiektu.
Wypełnienie to po prostu przestrzeń wewnątrz granicy między granicą a rzeczywistym obrazem lub zawartością komórki. Na obrazie wypełnienie to żółty obszar wokół zawartości. Zwróć uwagę, że wypełnienie obraca się całkowicie wokół zawartości. Znajdziesz padding na górze, na dole, na prawej i lewej stronie.
Z drugiej strony, marginesy to przestrzenie spoza granicy, między granicą a pozostałymi elementami obok tego obiektu. Na zdjęciu margines jest obszarem uniesionym na zewnątrz całego obiektu. Zauważ, że podobnie jak margines, margines idzie całkowicie wokół zawartości. Na górnej, dolnej, prawej i lewej stronie znajdują się marginesy.
Przydatne porady
Pamiętaj, że jeśli planujesz robić naprawdę wymyślne rzeczy z marginesami i dopełnieniem, niektóre przeglądarki, takie jak Internet Explorer, nie implementują poprawnie modelu skrzynki. Oznacza to, że twoje strony będą wyglądać inaczej (a czasem znacznie inaczej) w innych przeglądarkach.
