Endre avstand mellom avsnitt og innside av avsnitt

HTML er et markeringsspråk som tilbyr mange elementer som skaper nettstedstrukturen. CSS støtter HTML på en måte som den gir forskjellige styling og posisjonsegenskaper til HTML -elementene. Mer spesifikt, html “

”Element spesifiserer avsnittet i et dokument. Paragrafene kan justeres med CSS -egenskaper, for eksempel "margin”,“linjehøyde”,“Ord-avstand", og mange flere.

Denne oppskrivningen vil instruere deg:

• Hvordan endre avstanden mellom avsnitt i CSS?
• Hvordan du endrer avstanden inne i avsnitt i CSS?

Forutsetning: Opprett en HTML -fil

HTML -siden kan opprettes ved å følge instruksjonene:

• Legg til to “

  ”Elementer i HTML -filen.

• Tilordne ID -er som "para1”Og“para2”, Henholdsvis.
• Spesifiser avsnittinnhold i disse som gitt nedenfor:

Vellykkede mennesker legger ganske enkelt inn mye krefter og lykkes med mål; De har ikke naturlig talent.
Vellykkede mennesker legger ganske enkelt inn mye krefter og lykkes med mål; De har ikke naturlig talent.

Vellykkede mennesker legger ganske enkelt inn mye krefter og lykkes med mål; De har ikke naturlig talent.
Vellykkede mennesker legger ganske enkelt inn mye krefter og lykkes med mål; De har ikke naturlig talent.

Produksjon

Hvordan endre avstanden mellom avsnitt i CSS?

“margin”Eiendom kan legge til mellomrom mellom avsnittet. Dessuten ved å bruke "marginbunn”Eiendom ville være et godt valg i dette tilfellet.

La oss legge til en grenseegenskap for å vise marginrommet fremtredende.

Stil “para1” -klasse

.para1
Grense: 1px fast grått;
Margin-Bottom: 70px;

“.para1”Brukes til å få tilgang til

element med ID “para1”Og bruk følgende egenskaper:

• “grense”Eiendom brukes med verdien av grensebredde, stil, og fargestoffer setter grensen rundt avsnittet.
• “marginbunn”Legger til plass til avsnittets bunn.

Stil “para2” -klasse

.para2
Grense: 1px fast grått;

“

”Element som har ID”para2”Brukes også med grensen ved bruk av CSS“grense”Eiendom.

Det kan observeres at rommene har blitt lagt til mellom avsnittet:

Hvordan du endrer avstanden inne i avsnitt i CSS?

CSS “linjehøydeEiendom brukes til å legge til mellomrom mellom linjene i avsnittet.

For å gjøre det, legg til linjehøydegenskapen til “

”Element som har ID”para1”:

linjehøyde: 2;

Produksjon

Det handlet om skiftende rom mellom avsnittet.

Konklusjon

For å endre mellomrom mellom avsnittene, legg først til avsnitt i HTML -filen ved å bruke "

”Element. Deretter CSS “marginbunn”Eiendom brukes til å legge til plass mellom avsnittet. CSS “linjehøyde”Eiendom legger til mellomrom i avsnittet. Dette innlegget har utdypet prosedyren for å endre avstanden mellom avsnitt og innside av avsnitt.