Unsaon Pag-uswag ang Parapo Uban sa CSS

Pinaagi sa paggamit sa Text-Indent Property ug mga Katilingban nga Pagpili sa Sibling

Ang maayong disenyo sa web kasagaran mahitungod sa maayo nga typography. Tungod kay ang kadaghanan sa sulod sa web page gipresentar ingon nga teksto, nga makahimo sa estilo nga ang teksto nga mahimong madanihon ug epektibo usa ka importante nga kahanas sa pag-angkon isip usa ka web designer. Ikasubo, kami walay sama nga lebel sa pagkontrol sa typographic nga online nga atong gihimo sa pag-imprinta. Kini nagpasabot nga dili kita kanunay nga masaligon nga estilo sa estilo sa usa ka website sa sama nga paagi nga mahimo nato kini sa usa ka giimprinta nga piraso.

Ang usa ka kasagaran nga estilo sa paragrap nga kanunay nimong makita sa pag-imprinta (ug diin kita makahimo sa pag-recreate sa internet) mao ang unang linya sa parapo nga adunay indent nga usa ka tab space . Kini nagtugot sa mga magbabasa sa pagsusi kung diin nagsugod ang usa ka parapo ug ang laing mga tumoy.

Dili nimo makita kining estilo sa biswal sama sa mga web page tungod kay ang mga browser, sa default, ipasundayag ang mga parapo nga adunay luna sa ubos niini isip usa ka paagi sa pagpakita kung asa ang usa nga nahuman ug lain nga nagsugod, apan kung gusto nimo ang pag-style sa usa ka panid aron maimprinta ang gipatik nga- dinasig nga indent nga estilo sa parapo, mahimo nimo kini pinaagi sa estilo sa teksto nga indent property.

Ang simtoma alang niini nga kabtangan yano. Ania kung giunsa nimo pagdugang ang usa ka teksto sa tanan nga mga parapo sa usa ka dokumento.

p {text-indent: 2em; }

Pagpasibo sa mga Inden

Usa ka paagi nga mahatag nimo ang eksakto nga mga parapo sa indent, mahimo nimong idugang ang usa ka klase sa mga parapo nga imong gusto, apan nagkinahanglan nga imong usbon ang matag parapo aron makadugang sa klase niini. Kana dili inefficient ug dili mosunod sa mga labing maayong gawi sa HTML coding .

Hinunoa, kinahanglan nga imong hunahunaon kung ikaw mag-indent sa mga parapo. Nag-indent ka sa mga parapo nga direkta nga nagasunod sa laing parapo. Sa pagbuhat niini, mahimo nimong gamiton ang kasikbit nga igsoon nga selector. Uban niini nga tigpili, gipili nimo ang matag parapo nga dayon nga gisundan sa laing parapo.

p + p {text-indent: 2em; }

Tungod kay nagpahisama ka sa unang linya, kinahanglan usab nga imong sigurohon nga ang imong mga parapo walay dugang nga luna tali kanila (nga mao ang default sa browser). Sa estilo, ikaw kinahanglan nga adunay luna tali sa mga parapo o indent sa unang linya, apan dili pareho.

p {margin-bottom: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }

Mga Negatibo nga Inden

Mahimo usab nimo gamiton ang proporsiyon sa teksto nga indent , uban ang negatibo nga bili, nga maoy hinungdan sa pagsugod sa usa ka linya nga moadto sa wala nga sukwahi sa husto sama sa normal nga indent. Mahimo nimo kini kung ang usa ka sinugdanan nagsugod sa usa ka marka sa pagkutlo aron nga ang kinutlo nga kinaiya makita sa gamay nga kilid sa wala sa parapo ug ang mga letra sa ilang mga kaugalingon nagporma pa gihapon sa usa ka nindot nga paglinya sa wala.

Pananglit, pananglitan, nga ikaw adunay usa ka parapo nga usa ka kaliwat sa usa ka blockquote ug gusto nimo nga kini mahimong negatibo. Mahimo nimo isulat kining CSS:

blockquote p {text-indent: -.5em; }

Kini maghatag sa pagsugod sa parapo, nga lagmit naglakip sa pangbukas nga kinutlo nga kinaiya, nga mahimong gamay nga gibalhin sa wala aron maghimo sa nagbitay nga bantas.

Mahitungod sa mga Margins ug Padding

Kasagaran sa disenyo sa web, ikaw naggamit sa mga bili o padding nga mga bili aron sa paglihok sa mga elemento ug paghimo sa puti nga luna. Hinuon, kadtong mga kabtangan dili molihok aron makab-ot ang gisi nga parapo. Kon imong iaplay ang bisan hain niini nga mga prinsipyo sa parapo, ang tibuok nga teksto sa maong parapo, lakip na ang matag linya, mahibal-an inay sa unang linya.