Indlela Yokufaka Izigaba Ezidinga Nge-CSS

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

Umklamo wewebhu omuhle uvame ukuhamba nge-typography enhle. Njengoba okuqukethwe okuningi kwekhasi lewebhu kuboniswa njengombhalo, ukukwazi ukwenza isitayela ukuthi ibe yinto ekhangayo futhi ephumelelayo kuyinkhono ebalulekile yokuba nomklami wewebhu. Ngeshwa, asinalo izinga elifanayo lokulawulwa kwe-typographic inthanethi esenza ekuphrintiwe. Lokhu kusho ukuthi asikwazi ukubeka umbhalo wesitayela ngokuthembekile njalo kwi-website ngendlela efanayo esingayenza ngayo emqulwini ophrintiwe.

Isitayela esisodwa esifanayo sesigcawu osibona ngaso sonke isikhathi ekuphrintiwe (nokuthi singabuyisela ku-intanethi) yilapho umugqa wokuqala waleyo ndima uhlanganiswe khona isikhala esisodwa. Lokhu kuvumela abafundi ukuthi babone ukuthi isigaba esisodwa siqala siphi isikhathi.

Awuboni lesi sitayela esibukwayo kakhulu kumakhasi wewebhu ngoba iziphequluli, ngokuzenzakalelayo, zibonisa izigaba ngesikhala ngaphansi kwazo njengendlela yokubonisa ukuthi iphi iphela futhi enye iqala, kodwa uma ufuna ukubeka isitayela ukuze uphendule- isitayela esiphefumulelwe sokuzimela ezindimeni, ungenza kanjalo ngendawo yokubhala isitayela.

I-syntax yalesi sakhiwo ilula. Nansi indlela ongayengeza ngayo indatshana-indindela kuzo zonke izigaba kumadokhumenti.

p {umbhalo-indent: 2em; }}

Yenza ngokwezifiso ama-Indent

Enye indlela ongacacisa ngayo lezi zigaba ukuze uthole indent, ungangeza isigaba kuzigaba ozifunayo, kodwa lokho kudinga ukuba uhlele zonke izigaba ukuze ungeze isigaba kuso. Lokhu kungasebenzi futhi akulandeli imikhuba emihle yekhodi ye-HTML .

Kunalokho, kufanele ucabangele uma uvuma izigaba. Uyakudlula izigaba ezilandela ngokuqondile esinye isigaba. Ukwenza lokhu, ungasebenzisa umakhethi omncane osondelene naye. Ngalesi sikhethi, ukhetha yonke isigaba esandulela esinye isigaba.

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

Njengoba usuke ulahla umugqa wokuqala, kufanele futhi uqiniseke ukuthi izigaba zakho azikho isikhala esingeziwe phakathi kwabo (okungukuthi okuzenzakalelayo kwesiphequluli). Ngokweqile, kufanele ube nesikhala phakathi kwezigaba noma indent umugqa wokuqala, kodwa hhayi kokubili.

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

Izindleko ezimbi

Ungasebenzisa futhi impahla ye -indent , kanye nenani elingalungile, ukudala ukuqala komugqa ukuya kwesobunxele ngokuphambene nelungelo njengendoda evamile. Ungenza lokhu uma umugqa uqala ngamanothi okucaphuna ukuze umlingiswa wokucaphuna avele emkhawulweni omncane ngakwesokunxele kwendima futhi izinhlamvu ngokwawo zakha ukulungiswa okuhle kwesokunxele.

Yisho, isibonelo, ukuthi unesigaba esilandelayo se-bloququote futhi ufuna ukuba sibe nenzuzo engafanele. Ungabhala le CSS:

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

Lokhu kuzokunikeza ukuqala kwendima, okungenzeka ukuthi ihlanganisa uhlamvu lomdwebo wokuvula, ukuhanjiswa kancane ngakwesobunxele ukuze udale ukulenga izimpendulo.

Ngokuphathelene Nezimpawu Zezimangalo Nezidakamizwa

Ngokuvamile ekwakhiweni kwewebhu, usebenzisa amagagasi noma amanani wokugwedla ukuhambisa izakhi bese wenza isikhala esimhlophe. Lezo zakhiwo ngeke zisebenze ukufezekisa umphumela wesigamu, kodwa. Uma usebenzisa enye yalezi zindinganiso esigabeni, yonke imibhalo yalesi sigatshana, kuhlanganise yonke imigqa, izobekwa eceleni esikhundleni somugqa wokuqala.