Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Arbejde med Blokniveau-Elementer | CSS-Boksmodellen og Afstandselementer
CSS-Grundlæggende

bookArbejde med Blokniveau-Elementer

Blokniveau elementer er rektangulære og stables oven på hinanden, hvilket forhindrer andre elementer i at dele samme linje. Denne adfærd styres af CSS-egenskaben display: block.

Vigtige punkter om blokniveau elementer:

  • De har som standard display: block;
  • Deres bredde spænder over hele bredden af den overordnede container;
  • Deres højde bestemmes af indholdet, men kan tilpasses med CSS;
  • De starter altid på en ny linje;
  • Egenskaber som border, margin, padding, width og height kan justeres.

Lad os undersøge et eksempel, hvor vi manipulerer width, height og margin:

index.html

index.html

index.css

index.css

copy

Overvej, hvordan et element kan centreres inde i dets overordnede element.

index.html

index.html

index.css

index.css

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 8

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.56

bookArbejde med Blokniveau-Elementer

Stryg for at vise menuen

Blokniveau elementer er rektangulære og stables oven på hinanden, hvilket forhindrer andre elementer i at dele samme linje. Denne adfærd styres af CSS-egenskaben display: block.

Vigtige punkter om blokniveau elementer:

  • De har som standard display: block;
  • Deres bredde spænder over hele bredden af den overordnede container;
  • Deres højde bestemmes af indholdet, men kan tilpasses med CSS;
  • De starter altid på en ny linje;
  • Egenskaber som border, margin, padding, width og height kan justeres.

Lad os undersøge et eksempel, hvor vi manipulerer width, height og margin:

index.html

index.html

index.css

index.css

copy

Overvej, hvordan et element kan centreres inde i dets overordnede element.

index.html

index.html

index.css

index.css

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 8
some-alt