Mmene Mungagwirire Ndizigawo Ndi CSS

Kugwiritsira ntchito Text-Indent Property ndi Adjacent Sibling Selections

Mawebusaiti abwino nthawi zambiri amakhala ndi zolemba zabwino. Popeza kuchuluka kwa tsamba la webusaiti kumaperekedwa ngati malembo, kuthekera kuti malembawo akhale okongola komanso ogwira mtima ndi luso lofunika kukhala ndi webusaiti. Tsoka ilo, tilibe mlingo womwewo wa typographic control pa intaneti yomwe timachita. Izi zikutanthauza kuti nthawi zonse sitingathe kuwerenga malemba pa webusaitiyi mofanana ndi momwe tingachitire mu chidutswa.

Ndondomeko imodzi ya ndime yomwe mumawona nthawi zambiri imasindikizidwa (ndi zomwe tingathe kubwereza pa intaneti) ndi pamene mzere woyamba wa ndimeyo uli ndi malo amodzi . Izi zimalola owerenga kuona pamene ndime imodzi ikuyamba ndipo chimatha.

Simukuwona mawonekedwe a zithunziwa m'mabuku ambiri chifukwa osatsegula, mwachisawawa, amawonetsa ndime ndi malo pansi pawo monga njira yosonyezera kuti mapeto ake ndi otani, koma ngati mukufuna kufotokoza tsamba kuti muzisindikiza- Ndondomeko yamagetsi yowonjezera pa ndime, mungathe kuchita izi ndizolemba- zojambulazo.

Chidule cha malo awa n'chosavuta. Pano pali momwe mungapangire chilemba-choyimira pa ndime zonsezo m'kabuku.

p {malemba-indent: 2em; }}

Kujambula zokhazokha

Njira imodzi yomwe mungathe kufotokozera ndendende ndimeyi, mukhoza kuwonjezera kalasi ku ndime zomwe mukuzifuna, koma izi zikufunika kuti musinthe ndime iliyonse kuti muwonjezere gululo. Izi sizili bwino ndipo sizikutsatira ndondomeko zabwino zopezeka pa HTML .

M'malo mwake, muyenera kulingalira pamene mukulowa ndime. Mukufuna ndime zomwe zikutsatira ndime ina. Kuti muchite izi, mungagwiritse ntchito wosankha wachibale wapafupi. Ndi wosankha, mukusankha ndime iliyonse yomwe imatsogoleredwa ndi ndime ina.

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

Popeza mukulowa mzere woyamba, muyenera kuonetsetsa kuti ndime yanu ilibe malo ena pakati pawo (omwe ndi osatsegula osasintha). Mwachidule, muyenera kukhala ndi malo pakati pa ndime kapena indeni mzere woyamba, koma osati onse awiri.

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

Zosayenera

Mukhozanso kugwiritsa ntchito chida cholemba , pamodzi ndi mtengo wosayenerera, kuti pakhale kuyamba kwa mzere kupita kumanzere kusiyana ndi ufulu monga indendeni yachibadwa. Mungathe kuchita izi ngati mzere uyambira ndi ndondomeko yowonjezera kuti chiwerengero cha quote chiwoneke pamphepete pang'ono kumanzere kwa ndimeyo ndipo makalata omwe adakali pano apanga mgwirizano wabwino.

Nenani, mwachitsanzo, kuti muli ndi ndime yomwe ili mbadwa ya blockquote ndipo mukufuna kuti ikhale yopanda pake. Mutha kulemba CSS iyi:

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

Izi zikhoza kupereka chiyambi cha ndime, zomwe mwachidziwikire zimaphatikizapo chiyambi cha mawu otsegulira, kuti asunthidwe pang'ono kumanzere kuti apange zizindikiro zopumira.

Ponena za Margins ndi Padding

Nthawi zambiri pa webusaiti, mumagwiritsa ntchito mtengo kapena padding values kuti musunthe zinthu ndi kupanga malo oyera. Zomwezo sizigwira ntchito kuti zikwaniritse zotsatira zake, koma. Ngati mutagwiritsa ntchito imodzi mwa mfundozi pa ndimeyi, ndime yonse ya ndimeyo, kuphatikizapo mzere uliwonse, idzaikidwa m'malo mwa mzere woyamba.