Indlela yokufumana imihlathi ye-CSS

Ukusebenzisa i-Text-Indent Property kunye ne-Adjacent Sibling Selection

Ubuninzi bebhanki bewebhu buhlala bubuncwane be-typography. Ekubeni uninzi lwekhasi lewebhu lewebhu linikezwa njengombhalo, ukwazi ukubhala isicatshulwa ukuba sibonelele kwaye sisebenzise ubuchule obubalulekileyo bokuba ngumyili wewebhu. Ngelishwa, asinayo inqanaba elifanayo lokulawulwa kwekhompyutheni kwi-intanethi esenzayo ekushicileleni. Oku kuthetha ukuba asinakuhlala sisetekethi esithembekileyo kwiwebsite ngendlela efanayo esinokuyenza ngayo kwisiqwenga esibhaliweyo.

Isinye isigcawu esifanayo somhlathi osibona ngokuphrinta (kunye nento esinokuyifumana ngayo kwi-intanethi) apho umgca wokuqala waloo mhlathi uhambelana nesithuba esinye. Oku kuvumela abafundi ukuba babone apho umhlathi omnye uqala kwaye omnye uphela.

Awuboni le ndlela yokubonakalayo kumanqaku ewebhu kuba iiphequluli, ngokuzenzekelayo, zibonise imihlathi kunye nendawo phantsi kwazo njengendlela yokubonisa apho iphela iphela kwaye enye iqala, kodwa ukuba ufuna ukubeka ifayile iphepha ukuze uphendule- isitayela esiphefumlelweyo sokuzimela kumhlathi, ungenza njalo ngepropati -indent style style.

I-syntax yale propati ilula. Nantsi indlela ongayongeza ngayo itekisi-indent kuyo yonke imihlathi kumqulu.

p {text-indent: 2em; }

Ukwenza ngokwezifiso iiNdwendwe

Enye indlela ongayichaza ngokucacileyo imimiselo kwi-indent, unokongeza iklasi kwimida oyifunayo, kodwa loo nto idinga ukuba uhlele yonke imida ukuze ungeze iklasi kuyo. Oku kungenzi kakuhle kwaye akulandeleli i- HTML yokubhala iikhowudi ezilungileyo.

Kunoko, kufuneka uqikelele xa ufuna izigaba. Uya kumhlathi olandela ngqo umhlathi. Ukwenza oku, ungasebenzisa umkhethi-mzalwana osondelene naye. Ngalolu khetho, ukhetha yonke imimiselo esele ilandelwe yinye imhlathi.

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

Ekubeni ungena kumgca wokuqala, kufuneka uqiniseke ukuba imimango yakho ayinayo indawo eyongezelelweyo phakathi kwabo (okuyiyo isiphequluli esingagqibekanga). Ngokuqinisekileyo, kufuneka ube nenithuba phakathi kwemida okanye indent umgca wokuqala, kodwa kungabikho bobabini.

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

Ukungabi Nendawo

Ungasebenzisa kwakhona ipropati -indent yepropati, kunye nexabiso elingafanelekanga, ukudala ukuqala komgca ukuya ngakwesobunxele ngokuchasene nelungelo njengento eqhelekileyo. Unokwenza oku ukuba umgca uqala ngamanqaku okucaphuna ukwenzela ukuba umgca we-quote ubonakale kumgama omncinane ukuya kwesobunxele kwimihlathi kwaye iileta ngokwazo zenza ulungelelaniso oluhle lwesobunxele.

Yithi, umzekelo, ukuba unomhlathi ongowesizukulwana se-bloququote kwaye ufuna ukuba ungadli kakuhle. Ungabhala le CSS:

blockquote p {umbhalo-indent: -5em; }

Oku kuya kubangela ukuqala komhlathi, okokuthi kubandakanya umlingiso wokuqala we-quote, ukuba uhanjiswe kancane ngakwesobunxele ukuze udale ukulinda iziphumlisi.

Ngokubhekiselele kwiMigca nePadding

Iimpawu ezininzi kwi-design yewebhu, usebenzisa i- margin okanye i-padding values ukuhambisa izinto kwaye wenze indawo emhlophe. Ezi zakhiwo aziyi kusebenza ukuphumeza umphumo wesigxina, nangona kunjalo. Ukuba usebenzise enye yeempawu kumhlathi, yonke into ebhalwe ngalo mhlathi, kuquka yonke imigca, iya kufakwa endaweni yendawo yokuqala.