Tämä viesti kuvaa:
- Milloin käyttää 'täytettä' vs 'marginaali' CSS:ssä?
- Kuinka käyttää marginaalia CSS:ssä?
- Kuinka käyttää 'täytettä' CSS:ssä?
Milloin käyttää 'täytettä' vs 'marginaali' CSS:ssä?
CSS ' marginaali ' ja ' pehmuste ”-ominaisuuksia käytetään käyttöliittymän suunnittelussa. Niitä käytetään myös elementtien välisen ylimääräisen raon tai tilan määrittämiseen. Nämä kaksi ominaisuutta eroavat kuitenkin toisistaan toiminnallisesti.
Tässä selitämme joitain eroja molempien ominaisuuksien välillä:
| marginaali | pehmuste |
|---|---|
| marginaali tarjoaa tilaa elementin ulkopuolelle. | pehmuste antaa tilaa elementin sisällön sisällä. |
| Voimme asettaa elementin marginaaliksi ' auto ” asettaaksesi marginaalin automaattisesti elementin ympärille. | pehmustetta ei voi asettaa automaattiseksi. Käyttäjän on määritettävä arvot elementin sisällä olevan tilan määrittämiseksi. |
| Marginaali ei ole vaikuttanut elementin tyyliin. | Kun käytämme elementtiin taustaväriä, se vaikuttaa elementin tyyliin. |
| Voimme asettaa marginaaleiksi sekä positiivisia että negatiivisia arvoja. | pehmuste tukee vain positiivisia arvoja. |
Kuinka käyttää marginaalia CSS:ssä?
Käyttääksesi ' marginaali '-omaisuus, luo ensin ' Yllä mainitun koodin tulos mainitaan alla: Luo nyt toinen ' Lähtö Käytä nyt 'margin'-ominaisuutta '.margin-div'-luokassa: Yllä olevassa koodissa ' .margin-div ' käytetään div-elementin käyttämiseen alla lueteltujen ominaisuuksien soveltamiseksi: Tässä näet, että olemme onnistuneesti asettaneet ' marginaali 'kiinteistö toisella' div ”elementti: 'Padding'-ominaisuuden käyttämiseksi on hyödynnetty yllä olevia esimerkkejä. Toisessa ' div 'kontti, käytä luokkaa ' padding-div ' lisätä pehmuste: Lähtö Täytön ja muiden CSS-ominaisuuksien käyttäminen ' .padding-div ” luokassa, katso tarjottu koodi: Yllä mainitussa koodissa pääsimme toiseen ' div ' elementti käyttämällä luokkaa ' .padding-div ”. Olemme määrittäneet 'taustavärin' ja 'fontin koon'. Lisäksi ' pehmuste ' -ominaisuutta käytetään lisäämään tilaa elementin sisällön ympärille kummaltakin puolelta ' 50 pikseliä ”. Lähtö Olemme selittäneet CSS:n 'täytön' ja 'marginaalin' erot ja käytöt. CSS' marginaali ' käytetään asettamaan etäisyys elementin ympärillä, kun taas ' pehmuste ' käytetään lisäämään välilyöntejä elementin sisällön ympärille. Käytä marginaali- tai täyteominaisuutta luomalla ensin ' div ”-kontti ja määritä luokka. Siirry sen jälkeen luokkaan luokan nimen perusteella ja käytä ' marginaali ' ja ' pehmuste ” ominaisuuksia. Tämä viesti on selittänyt marginaalin vs täytön käytön CSS:ssä.
< div luokkaa = 'linux' >
< s > Linuxhint on yksi parhaista opetussivustoista < / s >
< / div >
< div luokkaa = 'margin-div' tyyli = 'reuna: 1px tasainen musta' >
< s >Linuxhint on yksi parhaista opetussivustoista.< br >
< / s >
< div >
tausta- väri- : rgb ( 199 , 238 , 205 ) ;
fontti- koko : keskikokoinen;
rajaa : 3px rgb ( 114 , 250 , 114 ) ;
marginaali: 100px 100px 100px 100px;
}
Kuinka käyttää 'täytettä' CSS:ssä?
< s > Linuxhint on yksi parhaista opetusohjelmasivustoista < / s >
< / div >
< div luokkaa = 'padding-div' tyyli = 'reuna: 1px tasainen musta' >
< s >Linuxhint on yksi parhaista opetussivustoista.< br >
< / s >
< / div >
tausta- väri- : rgb ( 199 , 238 , 205 ) ;
fontti- koko : keskikokoinen;
täyte: 50px 50px 50px 50px;
}
Johtopäätös