Arbeide med Blokk-Nivå Elementer
Blokknivå-elementer er rektangulære og stabler seg 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 overordnet beholder;
- 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 der 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
Awesome!
Completion rate improved to 2.56Arbeide med Blokk-Nivå Elementer
Sveip for å vise menyen
Blokknivå-elementer er rektangulære og stabler seg 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 overordnet beholder;
- 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 der 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!
