Utfyllningsegenskapen definierar utrymmet mellan elementets kant och elementets innehåll.
Denna egenskap kan anta 4 värden:
•Om ett värde anges, såsom div {padding: 50px} – är alla fyra sidor av utfyllnaden 50 px.
•Om två värden specificeras, såsom div {padding: 50px 10px} – är topp- och bottenutfyllnaden 50 px, och vänster och höger utfyllnad är 10 px.
•Om du anger tre värden, såsom div {padding: 50px 10px 20px} – är den övre och nedre utfyllnaden 50 px, vänster och höger utfyllnad är 10 px, och den nedre utfyllnaden är 20 px.
•Om du anger fyra värden, såsom div {padding: 50px 10px 20px 30px} – är den övre utfyllnaden 50 px, den högra utfyllnaden är 10 px, den nedre är 20 px och den vänstra utfyllnaden är 30 px.
DIV CSS-marginal syftar på CSS-attributets ord margin, margin är marginalen som bestämmer objektets fyra sidor, utan bakgrundsfärg och utan färg.
1. Marginalsyntax
Margin:10px
Marginalvärdet är ett tal + html-enhet, och det kan också vara automatiskt (automatiskt, adaptivt)
2. Applikationsstruktur
Div{margin:10px}
Ställ in div-objektet till 10px avstånd
3. Marginalbeskrivning
marginal är avståndet mellan objektets ytterkant och epitaksialkanten.
Det finns tre situationer där marginalvärdet kan vara ett positivt heltal och ett negativt heltal och lägga till en enhet såsom PX-pixlar (marginal-vänster: 20px); auto kan användas som ett automatiskt attribut (marginal-vänster: auto auto); Det kan vara ett procentuellt (%) värde (marginal-vänster: 3%).
Marginalförlängning (sätt det fyrsidiga avståndsattributet separat för ord)
marginal-vänster objekt vänster marginal (margin-vänster:5px; Vänster förlängningsavstånd 5px)
margin-höger Den högra marginalen på objektet (margin-höger:5px; Höger förlängningsavstånd 5px)
margin-top-objekt (margin-top:5px; Övre epitaxiella avståndet 5px)
margin-bottom objekt (margin-bottom:5px; Nedre epitaxialt avstånd 5px)
|
Publicerad på 2014-10-30 16:21:55
|
|
|
