Jinsi ya Kufanya Nafasi Zilizofaa Na CSS

Kutumia Mali ya Nakala-Indent na Uchaguzi wa Kibinafsi wa Kibinafsi

Kazi nzuri ya wavuti mara nyingi ni kuhusu uchapaji mzuri. Kwa kuwa maudhui mengi ya ukurasa wa wavuti yanawasilishwa kama maandishi, kuwa na uwezo wa mtindo kuwa maandishi kuwa yenye kuvutia na yenye ufanisi ni ujuzi muhimu kuwa na mtengenezaji wa wavuti. Kwa bahati mbaya, hatuna kiwango sawa cha udhibiti wa uchapishaji mtandaoni tunachofanya katika kuchapisha. Hii inamaanisha kuwa hatuwezi kuandika maandishi ya mtindo kwa kila mahali kwa njia sawa na kwamba tunaweza kufanya hivyo katika kipande kilichochapishwa.

Njia moja ya kawaida ya aya ambayo unayoona mara kwa mara katika kuchapishwa (na ambayo tunaweza kurejesha kwenye mtandao) ni pale mstari wa kwanza wa kifungu hicho ni nafasi ya tabaka moja. Hii inaruhusu wasomaji kuona ambapo aya moja inaanza na nyingine inaisha.

Huna kuona mtindo huu wa kuona kama mengi katika kurasa za wavuti kwa sababu browsers, kwa default, kuonyesha aya na nafasi chini yao kama njia ya kuonyesha ambapo mwisho na mwingine kuanza, lakini kama unataka mtindo ukurasa wa kuwa magazeti- style ya indent aliongoza juu ya aya, unaweza kufanya hivyo na maandishi-indent style mali.

Syntax ya mali hii ni rahisi. Hapa ndivyo unavyoongeza ongezeko la maandishi kwenye aya zote kwenye waraka.

p {maandishi-indent: 2m; }

Inapenda Customizing Indents

Njia moja unaweza kuelezea aya kwa indent, unaweza kuongeza darasa kwa aya unayotaka, lakini inahitaji kwamba uhariri kila fungu ili uongeze darasa. Hiyo haina ufanisi na haitatii mazoea bora ya kuandika HTML .

Badala yake, unapaswa kuzingatia wakati unapofafanua aya. Unajumuisha aya ambazo zifuata ziara nyingine. Kwa kufanya hivyo, unaweza kutumia mchezaji wa karibu wa ndoa. Kwa mchezaji huyu, unachagua kila aya ambayo mara moja imepitishwa na aya nyingine.

p + p {maandishi-indent: 2m; }

Kwa kuwa unaingia kwenye mstari wa kwanza, unapaswa pia kuhakikisha kwamba aya zako hazina nafasi ya ziada kati yao (ambayo ni default browser). Kwa usahihi, unapaswa kuwa na nafasi kati ya aya au indent mstari wa kwanza, lakini sio wawili.

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

Majumba yasiyofaa

Unaweza pia kutumia mali ya maandishi , pamoja na thamani hasi, ili kusababisha mwanzo wa mstari kwenda upande wa kushoto kinyume na haki kama indent ya kawaida. Unaweza kufanya hivyo kama mstari unanza na alama ya quotation ili tabia ya quote inaonekana kwa kiasi kidogo upande wa kushoto wa aya na barua wenyewe bado zinaunda usawa mzuri wa kushoto.

Sema, kwa mfano, kwamba una kifungu ambacho ni kizazi cha blockquote na unataka kuwa kibaya. Unaweza kuandika CSS hii:

blockquote p {maandishi-indent: -.5m; }

Hii ingeweza kutoa mwanzo wa aya, ambayo inawezekana inajumuisha tabia ya kupiga kura, ili kuhamishwa kidogo kushoto ili kuunda pembejeo.

Kuhusu Margins na Padding

Mara nyingi katika kubuni wa wavuti, unatumia margin au maadili ya padding kuhamisha vipengele na kuunda nafasi nyeupe. Mali hizo hazitafanya kazi ili kufikia athari ya kifungu kilichopatikana, hata hivyo. Ikiwa unatumia mojawapo ya maadili haya kwa aya, maandishi yote ya kifungu hiki, ikiwa ni pamoja na kila mstari, yatapigwa nafasi badala ya mstari wa kwanza tu.