Conas Míreanna Dírithe Le CSS

Ag baint úsáide as an Maoine Téacs-Indent agus Roghnóirí Sibling in aice láimhe

Is minic go bhfuil dea-ghlóthach ar dhearadh gréasáin maith. Ós rud é go bhfuil an oiread de ábhar an leathanaigh ghréasáin curtha i láthair mar théacs, is féidir le stíl an téacs sin a bheith tarraingteach agus éifeachtach a bheith ina scil thábhachtach a bheith mar dhearthóir gréasáin. Ar an drochuair, níl an leibhéal céanna de rialú clogcríofa againn ar líne a dhéanaimid i gcló. Ciallaíonn sé seo nach féidir linn an téacs a stíliú go hiontaofa ar shuíomh gréasáin ar an mbealach céanna a d'fhéadfaimis é sin a dhéanamh i bpíosa clóite.

Is é stíl mhír choitianta amháin a fheiceann tú go minic i gcló (agus is féidir linn a athchruthú ar líne) ná áit a bhfuil spás amháin cluaisín ag an gcéad líne den mhír sin. Ligeann sé sin do léitheoirí a fheiceáil nuair a thosaíonn mír amháin agus foircinn eile.

Ní fheiceann tú an stíl amhairc seo i bhfad ar leathanaigh ghréasáin toisc go mbraitheann brabhsálaithe míreanna le spás thíos orthu mar bhealach chun a thaispeáint nuair a chríochnaíonn ceann amháin agus go dtosaíonn ceann eile, ach más mian leat leathanach a stíl chun an cló sin a thaispeáint, spreag stíl indent ar mhírithe, is féidir leat é sin a dhéanamh leis an maoin stíl téacs-fhleasc .

Tá an comhréireacht don mhaoin seo simplí. Seo é an chaoi a gcuirfeá le fleasc téacs leis na míreanna go léir i gcáipéis.

p {text-indent: 2em; }

Customizing the Indents

Ar bhealach amháin is féidir leat na míreanna go indent a shonrú go díreach, is féidir leat rang a chur leis na míreanna a theastaíonn uait, ach éilíonn go n-eagraíonn tú gach mír chun rang a chur leis. Ní héifeachtach é sin agus ní leanann sé na cleachtais is fearr maidir le códú HTML .

Ina áit sin, ba cheart duit breithniú a dhéanamh nuair a chuireann tú míreanna indent. Íocann tú míreanna atá ag leanúint go díreach i mír eile. Chun seo a dhéanamh, is féidir leat an roghnóir bráthairí in aice láimhe a úsáid. Leis an roghnóir seo, tá tú ag roghnú gach mír atá mír roimhe seo ag mír eile.

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

Ós rud é go bhfuil tú ag díriú ar an gcéad líne, ba cheart duit a chinntiú freisin nach bhfuil aon spás breise idir do chuid míreanna (is é an réamhshocraithe an bhrabhsálaí). Go stíliúil, ba cheart go mbeadh spás agat idir míreanna fleasc an chéad líne, ach níl an dá cheann.

p {bun-imeall: 0; bun greamaitheacha: 0; } p + p {margin-top: 0; stuáil-barr: 0; }

Indent Diúltacha

Is féidir leat an t -ionad téacsfhreastalaithe a úsáid chomh maith le luach diúltach, chun tús líne a chur ar an taobh clé seachas an gnáth-fhleasc. Féadfaidh tú é seo a dhéanamh má thosaíonn líne le marc luachan ionas go mbeidh an carachtar luachanna sa chorrlach beag ar chlé na míre agus is iad na litreacha iad féin fós ailíniú deas ar chlé.

Abair, mar shampla, go bhfuil mír agat a bhfuil sliocht blocchomhartha ann agus gur mhaith leat é a bheith diúltach. D'fhéadfá an CSS seo a scríobh:

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

Bheadh ​​sé seo ag tabhairt tús na míre, agus is dócha go n-áireofaí an carachtar luachanna oscailte, le bogadh beagán ar an taobh clé chun poncú crochta a chruthú.

Maidir le Margins agus Padáil

Go minic i ndearadh gréasáin, úsáideann tú corrlach nó luachanna greamaithe chun eilimintí a bhogadh agus spás bán a chruthú. Ní bheidh na hairíonna sin ag obair chun éifeacht na míre neamhdhéanta a bhaint amach, áfach. Má dhéanann tú ceann de na luachanna seo a chur isteach sa mhír, cuirfear téacs iomlán na míre sin, lena n-áirítear gach líne, in áit seachas an chéad líne.