Kad izmantot piemales un polsterējumu CSS

'konteiners ar klasi' margin-div ” un piemēro „ stils ' atribūts kā ' apmale: 1 px cieti melna ”. Pēc tam pievienojiet tekstu

'atzīme:

< div klasē = 'margin-div' stils = 'apmale: 1 px viendabīgi melna' >
< lpp >Linuxhint ir viena no labākajām apmācību vietnēm.< br >
< / lpp >
< div >

Izvade

Tagad izmantojiet rekvizītu “margin” klasē “.margin-div”:

.margin-div {
fons- krāsa : rgb ( 199 , 238 , 205 ) ;
fonts- Izmērs : vidējs;
robeža : 3 pikseļi rgb ( 114 , 250 , 114 ) ;
piemale: 100px 100px 100px 100px;
}

Iepriekš minētajā kodā ' .margin-div ” tiek izmantots, lai piekļūtu div elementam, lai lietotu tālāk norādītos rekvizītus:

• ' fona krāsa ” rekvizīts tiek izmantots, lai fonā lietotu krāsu.
• ' fonta izmērs ” tiek izmantots, lai pielāgotu fonta lielumu.
• ' starpība ” piešķir vietu ārpus elementa. Piemēram, mēs esam iestatījuši rekvizītu “margin” kā “ 100 pikseļi ”.

Šeit jūs varat redzēt, ka esam veiksmīgi iestatījuši starpība 'īpašums otrajā' div ” elements:

Kā izmantot “polsterējumu” CSS?

Lai izmantotu rekvizītu “polsterējums”, ir izmantoti iepriekš minētie piemēri. Otrajā ' div ' konteiners, izmantojiet klasi ' polsterējums-div ” lai lietotu polsterējumu:

< div klasē = 'linux' >
< lpp > Linuxhint ir viena no labākajām apmācību vietnēm < / lpp >
< / div >
< div klasē = 'padding-div' stils = 'apmale: 1 px viendabīgi melna' >
< lpp >Linuxhint ir viena no labākajām apmācību vietnēm.< br >
< / lpp >
< / div >

Izvade

Lai lietotu polsterējumu un citus CSS rekvizītus “ .padding-div ” klasē, apskatiet sniegto kodu:

.padding-div {
fons- krāsa : rgb ( 199 , 238 , 205 ) ;
fonts- Izmērs : vidējs;
polsterējums: 50px 50px 50px 50px;
}

Iepriekš minētajā kodā mēs piekļuvām otrajam ' div 'elements, izmantojot klasi' .padding-div ”. Mēs esam iestatījuši “fona krāsu” un “fonta lielumu”. Turklāt ' polsterējums rekvizīts tiek izmantots, lai pievienotu atstarpi ap elementa saturu no katras puses kā ' 50 pikseļi ”.

Izvade

Mēs esam izskaidrojuši CSS “polsterējuma” un “maržas” atšķirības un lietojumus.

Secinājums

CSS ' starpība ' tiek izmantots, lai iestatītu atstarpi ap elementu, savukārt ' polsterējums ” tiek izmantots, lai pievienotu atstarpi ap elementa saturu. Lai lietotu piemales vai polsterējuma rekvizītu, vispirms izveidojiet “ div ” konteineru un norādiet klasi. Pēc tam piekļūstiet klasei pēc klases nosaukuma un lietojiet “ starpība ' un ' polsterējums ” īpašības. Šajā ziņojumā ir izskaidrota piemales un polsterējuma izmantošana CSS.