Pagbabago ng Spacing sa Pagitan ng Mga Talata at Loob ng Mga Talata

Pagbabago Ng Spacing Sa Pagitan Ng Mga Talata At Loob Ng Mga Talata



Ang HTML ay isang markup language na nag-aalok ng maraming elemento na lumikha ng istraktura ng website. Sinusuportahan ng CSS ang HTML sa paraang nagbibigay ito ng iba't ibang mga katangian ng estilo at posisyon sa mga elemento ng HTML. Mas partikular, ang HTML '

” elemento ay tumutukoy sa talata sa isang dokumento. Ang mga talata ay maaaring iakma sa mga katangian ng CSS, tulad ng ' margin ”, “ taas ng linya ”, “ puwang ng salita ', at marami pang iba.

Ang pagsusulat na ito ay magtuturo sa iyo:

Prerequisite: Gumawa ng HTML File

Ang HTML na pahina ay maaaring malikha sa pamamagitan ng pagsunod sa mga tagubilin:







  • Magdagdag ng dalawa'

    ” mga elemento sa HTML file.

  • Magtalaga ng mga id bilang “ talata 1 'at' para2 ”, ayon sa pagkakabanggit.
  • Tukuyin ang nilalaman ng talata sa loob ng mga ito tulad ng ibinigay sa ibaba:
< div klase = 'nilalaman' >

< p klase = 'para1' >

Ang mga matagumpay na tao ay naglalagay lamang ng maraming pagsisikap at nagtagumpay sa layunin; wala silang likas na talento.

Ang mga matagumpay na tao ay naglalagay lamang ng maraming pagsisikap at nagtagumpay sa layunin; wala silang likas na talento. < / p >

< p klase = 'para2' >

Ang mga matagumpay na tao ay naglalagay lamang ng maraming pagsisikap at nagtagumpay sa layunin; wala silang likas na talento.

Ang mga matagumpay na tao ay naglalagay lamang ng maraming pagsisikap at nagtagumpay sa layunin; wala silang likas na talento. < / p >

< / div >

Output





Paano Baguhin ang Spacing sa pagitan ng mga talata sa CSS?

Ang ' margin ” property ay maaaring magdagdag ng mga puwang sa pagitan ng mga talata. Bukod dito, gamit ang ' margin-ibaba ” Ang ari-arian ay isang magandang pagpipilian sa kasong ito.





Magdagdag tayo ng border property para ipakita ang margin space na kitang-kita.

Istilo 'para1' na Klase

.para1 {

hangganan : 1px solid kulay-abo ;

margin-ibaba : 70px ;

}

Ang ' .para1 Ang ” ay ginagamit upang ma-access ang

elemento na may id na “ talata 1 ” at ilapat ang mga sumusunod na katangian:



  • hangganan Ang ” property ay inilapat na may halaga ng lapad ng hangganan, istilo, at kulay ay nagtatakda ng hangganan sa paligid ng talata.
  • margin-ibaba ” nagdaragdag ng espasyo sa ibaba ng talata.

Style 'para2' Class

.para2 {

hangganan : 1px solid kulay-abo ;

}

Ang '

'elemento na may id' para2 ' ay inilapat din sa hangganan gamit ang CSS ' hangganan ” ari-arian.

Mapapansing matagumpay na naidagdag ang mga puwang sa pagitan ng mga talata:

Paano Baguhin ang Spacing Sa loob ng Mga Talata sa CSS?

Ang CSS ' taas ng linya ” Ang ari-arian ay ginagamit upang magdagdag ng mga puwang sa pagitan ng mga linya ng talata.

Upang gawin ito, idagdag ang line-height property sa “

'elemento na may id' talata 1 ”:

taas ng linya: 2;

Output

Iyon ay tungkol sa pagbabago ng mga puwang sa pagitan ng mga talata.

Konklusyon

Upang baguhin ang mga puwang sa pagitan ng mga talata, una, magdagdag ng mga talata sa HTML file sa pamamagitan ng paggamit ng “

' elemento. Pagkatapos, ang CSS ' margin-ibaba ” Ang ari-arian ay ginagamit upang magdagdag ng espasyo sa pagitan ng mga talata. Ang CSS ' taas ng linya ” property ay nagdaragdag ng mga puwang sa loob ng mga talata. Ang post na ito ay nagpapaliwanag sa pamamaraan upang baguhin ang espasyo sa pagitan ng mga talata at sa loob ng mga talata.