Marginaalit ja pehmusteet voivat olla hämmentäviä, koska ne näyttävät jollain tavalla samalta: kuvan tai objektin ympärillä oleva valkoinen tila. Tässä on se, mitä sinun verkkosuunnittelijana sinun on tiedettävä niiden eroista.
pehmuste
Täyte on kuvan tai solun sisällön ja sen ulkoreunuksen välinen tila. Alla olevassa kuvassa pehmuste on sisällön ympärillä oleva keltainen alue. Tässä tapauksessa pehmuste kiertää kokonaan sisällön ympärillä: ylhäältä, alhaalta, oikealta ja vasemmalta. Voit määrittää, kuinka paljon täytettä (prosentteina, pikseleinä, pisteinä jne.) kummallekin sivulle, eikä niiden tarvitse olla samat. Tällä tavalla voit sijoittaa sisältöä elementtiin.
marginaalit
Sitä vastoin marginaalit ovat välilyöntejä Ulkopuolella elementin raja elementin ja sen vieressä olevan välillä. Kuvassa marginaali on valkoinen alue koko kohteen ulkopuolella. Kuten täyte, myös tässä esimerkissä marginaali kietoutuu sisällön ympärille: ylhäällä, alhaalla, oikealla ja vasemmalla. Voit sijoittaa sivulle div-merkkejä ja muita elementtejä marginaalien avulla. Testaa aina sivujasi eri selaimissa, käyttöjärjestelmissä (myös mobiililaitteissa) ja näyttökooissa varmistaaksesi, että ne näkyvät juuri haluamallasi tavalla.