Design tips – Margin och padding
Okej, nu ska vi se hur jag kan förklara detta, bilden sÀger det mesta.
MÄnga blandar ihop margin och padding och de vet framförallt inte vilken ordning alla vÀrden man ger Àr.
Jag börjar med att förklara margin och padding.
- Margin: Àr det luftutrymme du anger om du vill att en ruta tex ska ha mellanrum frÄn en annan box, eller om texten ska vara lÀngre ifrÄn en annan som inte tillhör samma div eller class (eller vad man nu anvÀnder). Den pÄverkar utifrÄn innehÄllet sÄ att sÀga. BakgrundsfÀrgen i denna div skall inte pÄverkas.
- Padding: flyttar innehÄllet frÄn kanterna eller vad man sÀger. Mellanrummet gÄr alltsÄ inÄt. BakgrundsfÀrgen i denna div fyller ut det vÀrde du anger.
Vilken ordning ligger alla vÀrden pÄ?
TÀnk dig att du har en klocka, det första du anger Àr kl 12 (top), andra kl 3 (right), tredje kl 6 (bottom) och den fjÀrde och sista kl 9 (left). DÄ man vÀl vet detta sÄ Àr det inte krÄngligt alls att minnas, det Àr bara att rÀkna utefter klockan.
Hoppas denna guide Àr hjÀlpsam, berÀtta gÀrna om den varit hjÀlpsam för dig.
Svara