See postitus kirjeldab:
- Millal kasutada CSS-is polsterdust vs marginaali?
- Kuidas kasutada CSS-is marginaali?
- Kuidas kasutada CSS-is polsterdust?
Millal kasutada CSS-is polsterdust vs marginaali?
CSS ' marginaal ” ja „ polsterdus ” atribuute kasutatakse liidese kujundamisel. Neid kasutatakse ka täiendava tühimiku või tühiku määramiseks elementide vahel. Need kaks omadust erinevad aga funktsionaalsuse poolest.
Siin selgitame mõningaid erinevusi mõlema atribuudi vahel:
marginaal | polsterdus |
---|---|
veeris annab ruumi väljaspool elementi. | polsterdus annab ruumi elemendi sisu sees. |
Saame määrata elemendi veerise kui ' auto ” elemendi ümber oleva veerise automaatseks määramiseks. | polsterdust ei saa automaatseks seada. Kasutaja peab määrama väärtused, et määrata elemendi sees tühik. |
Veeris ei ole elemendi stiili mõjutanud. | Kui rakendame elemendile taustavärvi, mõjutab see elemendi stiili. |
Marginaalideks saame määrata nii positiivseid kui ka negatiivseid väärtusi. | polsterdus toetab ainult positiivseid väärtusi. |
Kuidas kasutada CSS-is marginaali?
Et kasutada ' marginaal ' atribuut, esmalt looge ' Ülaltoodud koodi tulemust mainitakse allpool: Nüüd looge teine ' Väljund Nüüd rakendage 'margin-div' klassile atribuut 'margin'. Ülaltoodud koodis on ' .margin-div ” kasutatakse div-elemendile juurdepääsuks, et rakendada alltoodud atribuute: Siin näete, et oleme edukalt seadistanud marginaal ' kinnisvara teisel' div ” element: Atribuudi 'polster' kasutamiseks on kasutatud ülaltoodud näiteid. Teises ' div ' konteiner, kasutage klassi ' polsterdus-div polsterduse rakendamiseks: Väljund Täidise ja muude CSS-i atribuutide rakendamiseks .padding-div ” klassis, vaadake pakutavat koodi: Eespool nimetatud koodis pääsesime juurde teisele ' div ' element kasutades klassi ' .padding-div ”. Oleme määranud 'taustavärvi' ja 'fondi suuruse'. Veelgi enam, ' polsterdus ' atribuuti kasutatakse elemendi sisu ümber ruumi lisamiseks mõlemalt poolt kui ' 50 pikslit ”. Väljund Oleme selgitanud CSS-i 'polsterduse' ja 'marginaali' erinevusi ja kasutusi. CSS' marginaal ' kasutatakse elemendi ümber vahekauguse määramiseks, samas kui ' polsterdus ” kasutatakse elemendi sisu ümber tühikute lisamiseks. Veerise või polsterduse atribuudi rakendamiseks looge esmalt „ div ” konteiner ja määrake klass. Pärast seda avage klassile klassi nime järgi ja rakendage ' marginaal ” ja „ polsterdus ” omadused. See postitus on selgitanud veerise ja polsterduse kasutamist CSS-is.
< div klass = 'linux' >
< lk > Linuxhint on üks parimaid õpetuste veebisaite < / lk >
< / div >
< div klass = 'margin-div' stiilis = 'ääris: 1 pikslit täismust' >
< lk >Linuxhint on üks parimaid õppeveebisaite.< br >
< / lk >
< div >
taust- värvi : rgb ( 199 , 238 , 205 ) ;
font- suurus : keskmine;
piir : 3px rgb ( 114 , 250 , 114 ) ;
veeris: 100px 100px 100px 100px;
}
Kuidas kasutada CSS-is polsterdust?
< lk > Linuxhint on üks parimaid õppeveebisaite < / lk >
< / div >
< div klass = 'padding-div' stiilis = 'ääris: 1 pikslit täismust' >
< lk >Linuxhint on üks parimaid õppeveebisaite.< br >
< / lk >
< / div >
taust- värvi : rgb ( 199 , 238 , 205 ) ;
font- suurus : keskmine;
polsterdus: 50px 50px 50px 50px;
}
Järeldus