Marges en het Opvullen
de marge en het opvullen zijn de twee het meest meestal gebruikte eigenschappen voor uit elkaar plaatsen-uit elementen. Een marge is de ruimte buiten het element, terwijl het opvullen de ruimte binnen het element is.
Ruil de CSS code voor h2 in het volgende:
- Citaat :
h2 {
doopvont-grootte: 1.5em;
achtergrond-kleur: #ccc;
marge: 1em;
het opvullen: 3em;
}
U zult zien dat dit één-karakter breedteruimte rond de secundaire kopbal verlaat en de kopbal zelf van drie-karakter breedte het opvullen vet is.
De vier kanten van een element kunnen ook individueel worden geplaatst. de marge-bovenkant, marge-recht, verlaten, op:vullen-bovenkant, op:vullen-recht, op:vullen-bodem en verlaten marge-bodem, is de duidelijke eigenschappen u kunt gebruiken.
Het model van de Doos
De marges, het opvullen en de grenzen (zie volgende pagina) zijn al deel van wat Model van de Doos genoemd geworden is. Het model van de Doos werkt als dit: in het midden hebt u het inhoudsgebied (zeggen een beeld), omringend dat u het opvullen hebt, omringend dat u de grens en het omringen hebt dat u de marge hebt. Het kan visueel als dit worden vertegenwoordigd:
- Citaat :
- De doos van de marge
De doos van de grens
Opvullende doos
De doos van het element
U moet niet elk van deze gebruiken, maar het kan nuttig zijn om te herinneren dat het vakje model op elk element op de pagina kan worden toegepast, en dat is een krachtig ding!