Kushandisa Text-Indent Proper and Adjacent Sibling Selectors
Nzvimbo yakanaka yewebhu yakagadzirwa kazhinji inenge yakanaka yehupugraphy. Sezvo zvakawanda zveji yeji yehutano zviripo zvinowedzerwa semashoko, kukwanisa kutarisa kuti mashoko acho ave akanaka uye anobudirira unyanzvi hunokosha hwekuwana se web designer. Zvinosuruvarisa, hatina teji imwechete ye typographic control online iyo yatinoita mukudhinda. Izvi zvinoreva kuti hatigoni kugara tichitenderera mavara netsamba pa webhusaiti nenzira imwecheteyo yatingaita nayo muchidimbu chakadhindwa.
Chimwe chimiro chemavara chimiro chaunoona kakawanda mukudhindwa (uye chatinogona kuchinyorera paIndaneti) ndiyo iyo mutsara wekutanga wemavara iyo yakagadzirirwa imwe tab nzvimbo . Izvi zvinobvumira vaverengi kuti vaone kuti ndima imwe inotanga uye imwe inoguma.
Iwe hausi kuona maitiro aya anooneka zvakanyanya mumapeji ewebhu nokuti browsers, nekutadza, inoratidza ndima nesa pasi payo senzira yekuratidza kuti inopera uye imwe inotanga, asi kana iwe uchida kutarisa peji kuti uite izvozvo- yakafuridzirwa indetti mavara pane ndima, unogona kuzviita nemashoko-indent style property.
Izwi rechirevo chechi chivako chiri nyore. Heuno maitiro aunogona kuwedzera chirevo-chinyorwa kumativi ose mumagwaro.
p {text-indent: 2em; }Kugadzirisa zvinyorwa
Imwe nzira iyo iwe unogona kunyatsojekesa nendima kudarika, iwe unogona kuwedzera kirasi kune ndima dzaunoda indented, asi izvo zvinoda kuti iwe ugadzire ndima imwe neimwe kuwedzera kirasi kwairi. Izvozvo hazvina kukwana uye hazviite kutevera mazano eHTML maitiro akanaka.
Pane kudaro, unofanira kufungisisa kana iwe uchitora ndima. Iwe unoshandura ndima dzinotevera zvakananga imwe ndima. Kuti uite izvi, unogona kushandisa iri pedyo nehanzvadzi yako sarudzo. Neyu musarudzo, uri kusarudza ndima imwe neimwe inotangira imwe ndima.
p + p {ndima-indent: 2em; }Sezvo iwe uchinetsa mutsara wokutanga, iwe unofanirawo kuva nechokwadi chokuti ndima dzako hadzina nzvimbo yakawanda pakati pavo (iyo inoshandiswa kushandura). Nenzira, iwe unofanirwa kunge uine nzvimbo pakati pemavara kana indent mutsara wekutanga, asi kwete zvose.
p {margin-pasi: 0; padding-pasi: 0; } p + p {margin-top: 0; padding-top: 0; }Negative Indents
Iwe unogona kushandisawo zvinyorwa-indent pfuma, pamwe nekushaya kunaka, kuita kuti kutanga kwemutsara kuenda kuruboshwe kusipikisana nekodzero sechinhu chinowanzoitika. Iwe unogona kuita izvi kana mutsetse unotanga ne quotation mark kuitira kuti mutsara wehuwandu uoneke mumuganhu wakadii kuruboshwe rwemavara uye tsamba dzacho dzichigadzira kurongeka kwakasara kwemanheru.
Iti, somuenzaniso, kuti une ndima iyo inobva kumudzimai we blockquote uye iwe unoda kuti ive isina kunaka yakagadzirirwa. Iwe unogona kunyora iyi CSS:
blockquote p {text-indent: -5em; }Izvi zvaizopa kutanga kwendima, iyo zvingangodaro inosanganisira kuzarura mashoko ekutanga, kuendeswa kune rumwe rworuboshwe kuti iite kuti vanyengedze zviratidzo.
Nezve Margins uye Padding
Kazhinji pane web design, unoshandisa margin kana padding values kuti uende zvinhu uye ugadzire nzvimbo yakachena. Izvo zvinhu hazvigoni kushanda kuti zvizadzike zvinyorwa zvinyorwa, asi. Kana iwe ukashandisa chimwe chezvinhu izvi zvichienderana nemuganhu, zvinyorwa zvose zvemavara aya, kusanganisira mutsara wose, zvichaiswa panzvimbo panzvimbo yekutanga.