Tartu eroon padding ja marginaalit Web Design

Erota nämä kaksi oppaasta

Jos et tiedä, mikä ero pehmusteiden ja marginaalien välillä on, et ole yksin. Se on usein kysytty kysymys, ja se on löytänyt monia web-suunnittelijaa . Tällä nopealla opetusohjelmalla oppii erottamaan nämä kaksi.

Eroeron ymmärtäminen

Marginaalit ja pehmusteet voivat olla hämmentävää aloitteleville web-suunnittelijoille ja joskus jopa suunnittelijoille, joilla on enemmän kokemusta. Loppujen lopuksi, ne näyttävät siltä, ​​että ne näyttävät samanlaisilta: valkoinen tila kuvan tai objektin ympärillä.

Pehmuste on yksinkertaisesti rajojen sisäraja rajan ja todellisen kuvan tai solun sisällön välillä. Kuvassa pehmuste on sisällön ympärillä oleva keltainen alue. Huomaa, että pehmuste menee täysin sisällön ympärille. Pinoaminen ylä-, ala-, oikea- ja vasemmanpuoleisimmilla sivuilla.

Toisaalta marginaalit ovat reunan ulkopuoliset tilat rajan ja muiden esineiden vieressä olevien elementtien välillä. Kuvassa marginaali on koko objektin ulkopuolella oleva wite-alue. Huomaa, että pehmusteiden tavoin marginaali menee täysin sisällön ympärille. Päällä, alhaalla, oikealla ja vasemmalla puolella on marginaaleja.

Hyödyllisiä vinkkejä

Muista, että jos aiot tehdä todella hienoja asioita marginaaleilla ja pehmusteilla, että jotkin selaimet, kuten Internet Explorer, eivät toteuta laatumallia oikein. Tämä tarkoittaa, että sivuillasi on eroja (ja joskus huomattavasti erilainen) muissa selaimissa.