Conèixer la diferència entre el farciment i els marges

Taula de continguts:

Conèixer la diferència entre el farciment i els marges
Conèixer la diferència entre el farciment i els marges
Anonim

Els marges i el farciment poden ser confosos perquè, d'alguna manera, semblen el mateix: un espai en blanc al voltant d'una imatge o un objecte. Això és el que necessiteu saber com a dissenyador web sobre les seves diferències.

Encoixinat

El farciment és l'espai entre el contingut d'una imatge o cel·la i la seva vora exterior. A la imatge següent, el farciment és l'àrea groga al voltant del contingut. En aquest cas, el farciment gira completament al voltant del contingut: part superior, inferior, dreta i esquerra. Podeu especificar quant encoixinat (en percentatge, píxels, punts, etc.) per a cada costat, i no han de ser els mateixos. D'aquesta manera, podeu situar contingut dins d'un element.

Image
Image

Marges

En canvi, els marges són els espais fora de la vora d'un element, entre l'element i el que hi és adjacent. A la imatge, el marge és l'àrea blanca fora de tot l'objecte. Igual que el farciment, el marge gira completament al voltant del contingut d'aquest exemple: a la part superior, inferior, dreta i esquerra. Podeu utilitzar els marges per col·locar divs i altres elements en una pàgina.

Proveu sempre les vostres pàgines en diversos navegadors, sistemes operatius (inclosos els mòbils) i mides de pantalla per assegurar-vos que es mostrin exactament com voleu.

Recomanat: