Forståelse av blokk-, inline- og inline-blokk-elementer
HTML-elementer oppfører seg forskjellig avhengig av om de er blokkelementer, inline-elementer eller inline-block-elementer. Disse visningstypene påvirker oppsett, avstand og hvilke CSS-egenskaper som kan brukes.
Blokkelementer
- Starter på en ny linje;
- Opptar hele bredden til beholderen sin;
- Støtter bredde, høyde, margin, padding og kantlinje.
Vanlige eksempler: <div>, <p>, <ul>, <li>, <h1>–<h6>.
index.html
index.css
Inline-elementer
- Forblir på samme linje;
- Tar kun plassen som trengs for innholdet sitt;
- Kan ikke få bredde eller høyde (men kantlinje fungerer).
Vanlige eksempler: <a>, <span>, <img>, <input>.
index.html
index.css
Inline-block-elementer
- Forblir inline, som tekst;
- Støtter bredde, høyde, marg, polstring og kantlinje, som blokk-elementer.
Eksempler: <button>, <select>, <textarea>.
Nyttige når du trenger at elementer skal stå ved siden av hverandre, men fortsatt ønsker full kontroll over styling.
index.html
index.css
1. Hva er hovedforskjellen mellom blokk- og inline-elementer?
2. Hvilket av følgende er et eksempel på et blokkelement?
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 the main differences between block, inline, and inline-block elements?
Which HTML elements are typically block, inline, or inline-block?
Can you give examples of when to use each display type in a web page?
Fantastisk!
Completion rate forbedret til 2.56Forståelse av blokk-, inline- og inline-blokk-elementer
Sveip for å vise menyen
HTML-elementer oppfører seg forskjellig avhengig av om de er blokkelementer, inline-elementer eller inline-block-elementer. Disse visningstypene påvirker oppsett, avstand og hvilke CSS-egenskaper som kan brukes.
Blokkelementer
- Starter på en ny linje;
- Opptar hele bredden til beholderen sin;
- Støtter bredde, høyde, margin, padding og kantlinje.
Vanlige eksempler: <div>, <p>, <ul>, <li>, <h1>–<h6>.
index.html
index.css
Inline-elementer
- Forblir på samme linje;
- Tar kun plassen som trengs for innholdet sitt;
- Kan ikke få bredde eller høyde (men kantlinje fungerer).
Vanlige eksempler: <a>, <span>, <img>, <input>.
index.html
index.css
Inline-block-elementer
- Forblir inline, som tekst;
- Støtter bredde, høyde, marg, polstring og kantlinje, som blokk-elementer.
Eksempler: <button>, <select>, <textarea>.
Nyttige når du trenger at elementer skal stå ved siden av hverandre, men fortsatt ønsker full kontroll over styling.
index.html
index.css
1. Hva er hovedforskjellen mellom blokk- og inline-elementer?
2. Hvilket av følgende er et eksempel på et blokkelement?
Takk for tilbakemeldingene dine!
