Paraštės ir užpildymas gali kelti painiavą, nes tam tikrais atžvilgiais jie atrodo kaip tas pats dalykas: b alta erdvė aplink vaizdą ar objektą. Štai ką jūs, kaip žiniatinklio dizaineris, turite žinoti apie jų skirtumus.
Pamušalas
Padding yra tarpas tarp vaizdo arba langelio turinio ir jo išorinės kraštinės. Toliau pateiktame paveikslėlyje užpildymas yra geltona sritis aplink turinį. Šiuo atveju paminkštinimas visiškai apeina turinį: viršuje, apačioje, dešinėje ir kairėje. Galite nurodyti, kiek užpildymo (procentais, pikseliais, taškais ir pan.) kiekvienai pusei, ir jie neturi būti vienodi. Tokiu būdu galite išdėstyti turinį elemente.
Maržos
Priešingai, paraštės yra tarpai, esantys už elemento ribos, tarp elemento ir to, kas yra šalia jo. Paveiksle paraštė yra b alta sritis už viso objekto. Kaip ir užpildas, šiame pavyzdyje paraštė visiškai apeina turinį: viršuje, apačioje, dešinėje ir kairėje. Galite naudoti paraštes, norėdami išdėstyti „div“ir kitus elementus puslapyje.
Visada patikrinkite savo puslapius įvairiose naršyklėse, operacinėse sistemose (įskaitant mobiliuosius) ir ekrano dydžius, kad įsitikintumėte, jog jie rodomi tiksliai taip, kaip norite.
