Arbejde 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,widthogheightkan justeres.
Lad os undersøge et eksempel, hvor vi manipulerer width, height og margin:
index.html
index.css
Overvej, hvordan et element kan centreres inde i dets overordnede element.
index.html
index.css
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Can you explain how to center a block-level element inside its parent?
What is the difference between block-level and inline elements?
Can you show more examples of customizing block-level elements with CSS?
Awesome!
Completion rate improved to 2.56
Arbejde 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,widthogheightkan justeres.
Lad os undersøge et eksempel, hvor vi manipulerer width, height og margin:
index.html
index.css
Overvej, hvordan et element kan centreres inde i dets overordnede element.
index.html
index.css
Tak for dine kommentarer!