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
Can you explain how to center a block-level element inside its parent?
What are some common ways to adjust the spacing between block-level elements?
Can you show more examples of customizing block-level elements with CSS?
Fantastisk!
Completion rate forbedret til 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!
