Boksmodellen i CSS

Boksmodellen er grunnlaget for all layout i CSS. Hvert element på en nettside er en boks bestående av content, padding, border og margin. Når du forstår hvordan disse lagene fungerer, kan du forutsi nøyaktig hvor store elementene dine blir og hvordan de plasserer seg i forhold til hverandre.

Her lærer du forskjellen mellom block- og inline-elementer, hvordan boksmodellen beregner størrelse, hvorfor border-box forenkler layout, og hvordan du bruker padding, border og margin for å skape rom og struktur i designet ditt.

Fagartikler

Artikler

Block og inline i CSS forklart

Lær forskjellen mellom block- og inline-elementer i CSS. Forstå hvordan display-verdien styrer layout og når du bruker hvilken.

Boksmodellen i CSS forklart

Lær hvordan boksmodellen fungerer i CSS: content, padding, border og margin. Gratis video med visuell forklaring og eksempler.

Box-sizing i CSS forklart

Lær forskjellen mellom content-box og border-box i CSS. Forstå hvorfor border-box gjør layout enklere og hvordan du bruker det.

Padding i CSS forklart med eksempler

Lær å bruke padding i CSS for å lage luft inne i elementer. Shorthand, individuelle sider og praktiske eksempler med gratis video.

Border i CSS forklart

Lær å legge til og style border i CSS. Tykkelse, stil, farge, avrundede hjørner og shorthand forklart med gratis video.

Margin i CSS forklart

Lær å bruke margin i CSS for avstand mellom elementer. Auto-sentrering, margin collapse og shorthand forklart med gratis video.

Inline-block i CSS forklart

Lær forskjellen mellom inline, block og inline-block i CSS. Forstå når inline-block er nyttig og hvordan det påvirker layout.

Få tilgang til alt

Få tilgang til alle nettkurs

Ubegrenset kurstilgang. Fra 599,-/mnd.