Pirsgirêkên Indest çawa bi CSS re

Vebijêrkên Hilbijartin û Xweseriya Xweseriya Xweser a Bikaranîna Bikaranînê

Berbi webê pir caran di derbarê celebek baş de ye. Ji ber naveroka kurteya pirtûka pirtûka nivîskî wekî nivîsê tête, tête ku bi awayekî berbiçav û berbiçav be jî tête pêşniyaz e ku pisporek pisporek webê ye. Mixabin, em heman asta kontrola kontrola typografî ne ku em di çapkirinê de bikin. Ev tê wateya ku em her tim li ser malpera şêwirmendî li ser malpera şêwirdariyê bi heman awayî, ku em dikarin di nav pirtûkek çapkirî de bikin.

Yekane parçeyek hevpar ya ku hûn di çapkirinê de pir caran dibînin bibînin (û ku em dikarin bikarhêneran re vekin bikin) ew e ku ew rêza yekemîn ya vê parçeyê deverek yek tab . Ev yek ji xwendekaran re dibînin ku dê bibîne ku parçeyeka ku di destpêka parçeyê de dest pê dike û dûrên din.

Hûn pirtûka vîdyoyê ya ku di gelek rûpelan de nebînin, ji ber ku gerokên, bi rêkûpêk, parçeyên parçeyan bi wan re di rê de wekî rêberî nîşan bide ku yek endeş û yek jî dest pê dike, lê heger tu dixwazî ​​pirtûka pirtûka xwe ya ku print- şêweyek taybetmendî li ser paragrafan ve, hûn dikarin bi vî rengî bi riya taybetmendiya tekst-indent dikare bikin.

Ji bo vê sîteyê ji sîteyê hêsan e. Li vir hûn çawa çawa di belgeya belgeyê de hemî parçeyek nivîskî-nivîsîn.

p {text-indent: 2em; }

Customizing Indents

Bi awayekî ku hûn bi tevahî paragrafan bi taybetî re diyar bikin, hûn dikarin dersek ji paragraphên ku hûn dixwazin, lê hewce dikin ku hûn her paragraphê biguherînin ku ji bo çîna zêde bike. Ew ne hêsan e û nimûne rêbazên herî baş HTML-ê peyde dike.

Ji ber vê yekê, divê hûn gava ku hûn paragrafên hesibandî binirxînin. Hê paragrafên we yên ku yekser parçeyek din peyda dibin. Ji bo vê yekê, hûn dikarin hilbijêrek birayên birîndar bikar bînin. Bi vê hilbijêre, hûn her paragraph hilbijêre ku ji hêla pêşniyara parvekirî ya din ve hatî pêşî ye.

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

Ji ber ku hûn xeta pêşîn in, hûn jî her weha bikin ku paragrafên ku di nav wan de (kîjan gerdûnî ya gerdûn e) nîne. Stylistî, divê hûn di navbera paragraphs an devera yekem de hebe, lê herdu ne.

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

Indekên Negative

Hûn dikarin li milkê teksta hundurê , bi nirxek negatîf bikar bînin, da ku sedema destpêka rêza ku çepê çepê wek dijberiya normal a normal. Heke hûn xaçeyek bi bişkojkê re dest bi dest pê dike, da ku hûn nîşan bide ku di nav hûrgelê de çepê parçeyê û bi xwe re nameyên xwe jî hişta çepê baş e.

Bêje, ji bo nimûne, ku hûn parçeyek e ku nifşek e ku blobotek e û hûn dixwazin ku nerazî nebe. Hûn dikarin vê CSSê binivîse:

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

Ew ê destpêka paragraphê, ku dibe ku bi taybetmendiya nimûneya vekirî ya vekirî ye, hebe ku hinekî biçûk li milê çepê vekişînim û destnîşan kirine.

Li ser Margins û Padding

Di demjimêr de web design, hûn nirxan an nirxên giring bikar bînin ku armancên xwe bistînin û cihekî spî ava bikin. Ew taybetmendiyên dê bandor bikin ku bandorek paragrafa berevajî bigirin. Heke hûn ji van nirxên parçeyê re, parçeya tevahiya paragrafê, her curek hebe, bila tenê tenê rêza yekemîn.