Arbeide med Blokk-Nivå Elementer
Blokknivå-elementer er rektangulære og plasseres oppå hverandre, slik at andre elementer ikke kan dele samme linje. Denne oppførselen styres av CSS-egenskapen display: block.
Viktige punkter om blokknivå-elementer:
- De har som standard
display: block; - Bredden strekker seg over hele bredden til foreldrecontaineren;
- Høyden bestemmes av innholdet, men kan tilpasses med CSS;
- De starter alltid på en ny linje;
- Egenskaper som
border,margin,padding,widthogheightkan justeres.
La oss se på et eksempel hvor vi manipulerer width, height og margin:
index.html
index.css
La oss se på hvordan vi kan sentrere et element inne i dets overordnede element.
index.html
index.css
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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.56Arbeide med Blokk-Nivå Elementer
Sveip for å vise menyen
Blokknivå-elementer er rektangulære og plasseres oppå hverandre, slik at andre elementer ikke kan dele samme linje. Denne oppførselen styres av CSS-egenskapen display: block.
Viktige punkter om blokknivå-elementer:
- De har som standard
display: block; - Bredden strekker seg over hele bredden til foreldrecontaineren;
- Høyden bestemmes av innholdet, men kan tilpasses med CSS;
- De starter alltid på en ny linje;
- Egenskaper som
border,margin,padding,widthogheightkan justeres.
La oss se på et eksempel hvor vi manipulerer width, height og margin:
index.html
index.css
La oss se på hvordan vi kan sentrere et element inne i dets overordnede element.
index.html
index.css
Takk for tilbakemeldingene dine!
