Inline- og blokknivåelementer i CSS | Forklart

Inline- og blokknivåelementer i CSS | Forklart
Det grunnleggende nettprogrammeringsspråket, HTML, består av et stort utvalg av elementer som regnes som elementære enheter på en webside. Disse elementene kan klassifiseres i to hovedgrupper som er Inline elementer og Blokknivåelementer. Å være klar over disse to kategoriene og forskjellene deres er svært betydningsfulle. Denne opplæringen opplyser leserne om følgende;
  1. Inline elementer
  2. Blokknivåelementer
  3. Hvordan du bytter inn inline- og blokkeringsnivåelementer

La oss komme i gang.

Inline elementer

Elementer som bare bruker den nødvendige mengden plass Inline elementer. De kan også omtales som elementer som vises i en linje.

Disse elementene starter ikke fra en ny linje, dessuten kan du plassere flere inline -elementer på samme linje.

Html inline elementer er , , , , , , , , , , , , , , , , , , , , , , , , , , ,
, , , , , og .

I skjermbildet vedlagt nedenfor kan du se at det er et inline element og tar bare mengden plass som kreves.

Hvis du nå legger til et annet inline -element, for eksempel en annen knapp, vil den ikke vises på en ny linje i stedet for at den vises ved siden av forrige knapp.

Slik fungerer inline elementer.

Nå som vi har forstått konseptet med inline elementer, la oss utforske blokknivåelementer.

Blokknivåelementer

Elementer som bruker all tilgjengelig plass (fra venstre til høyre), og starter fra en ny linje blir sett på som Blokknivåelementer.

Blokkernivåelementer er i stand til å holde inline elementer sammen med andre blokknivåelementer. Flertallet av elementene i HTML er blokknivåelementer.

HTML -blokknivåelementer er ,

    ,