Sèvi ak Pwopriyete Tèks-endepandan ak seleksyone sibling ki sibi yo
Bon konsepsyon sit entènèt se souvan sou tipografi bon. Depi anpil nan kontni yon paj entènèt la prezante kòm tèks, ke yo te kapab style ke tèks yo dwe tou de atire ak efikas se yon konpetans enpòtan yo posede kòm yon designer entènèt. Malerezman, nou pa gen menm nivo nan kontwòl tipografik sou entènèt ke nou fè nan enprime. Sa vle di ke nou pa ka toujou fiable style tèks sou yon sit entènèt nan menm fason an ke nou ta ka fè sa nan yon moso enprime.
Yon style paragraf komen ke ou wè souvan nan ekri an lèt detache (ak ki nou ka rkree sou entènèt) se kote premye liy lan nan paragraf sa a se resikle yon espas tab . Sa a pèmèt lektè yo wè kote yon paragraf kòmanse ak yon lòt fini.
Ou pa wè sa a style vizyèl kòm anpil nan paj wèb paske navigateurs, pa defo, paragraf ekspozisyon ak espas anba yo kòm yon fason yo montre kote yon sèl fini ak yon lòt kòmanse, men si ou vle style yon paj ki gen ke ekri an lèt detache- enspire style indent sou paragraf, ou ka fè sa ak pwopriyete a style tèks-endent .
Sentaks la pou pwopriyete sa a se senp. Men ki jan ou ta ajoute yon tèks endepandan nan tout paragraf yo nan yon dokiman.
p {tèks-endis: 2em; }}Pèrsonalize endyen yo
Yon fason ou ka presize egzakteman paragraf yo endijan, ou ka ajoute yon klas nan paragraf yo ou vle regrese, men sa mande pou ou edite chak paragraf ajoute yon klas nan li. Sa se rezèvwa epi yo pa swiv HTML pi bon pratik.
Olye de sa, ou ta dwe konsidere lè ou endike paragraf. Ou paragraf endepandan ki dirèkteman swiv yon lòt paragraf. Pou fè sa, ou ka itilize selektè a frè ak sè adjasan. Avèk sa a selekteur, ou ap chwazi chak paragraf ki imedyatman anvan pa yon lòt paragraf.
p + p {tèks-endent: 2em; }}Depi ou se indenting liy an premye, ou ta dwe tou asire w ke paragraf ou pa gen okenn espas siplemantè ant yo (ki se default a navigatè). Stylistically, ou ta dwe swa gen espas ant paragraf oswa endepandan premye liy lan, men se pa tou de.
p {Marge-anba: 0; padding-anba: 0; } p + p {margin-tèt: 0; padding-tèt: 0; }}Dosye negatif
Ou kapab tou itilize pwopriyete a tèks-endant , ansanm ak yon valè negatif, lakòz kòmansman an nan yon liy pou yo ale nan bò gòch la kòm opoze a dwat la tankou yon endik nòmal. Ou ka fè sa si yon liy kòmanse ak yon make sitasyon pou ke karaktè a quote parèt nan maj la ti tay sou bò gòch la nan paragraf la ak lèt yo tèt yo toujou fòme yon aliyman bèl kite.
Di, pou egzanp, ke ou gen yon paragraf ki se yon pati nan yon blokquote epi ou vle li yo dwe neglije sere. Ou te kapab ekri CSS sa a:
blockquote p {tèks-endis: -.5em; }}Sa a ta bay kòmansman an nan paragraf la, ki prezimableman gen ladan pèsonaj la quote ouvèti, yo dwe yon ti kras demenaje ale rete bò gòch la yo kreye pann ponktiyasyon.
Konsènan margins ak padding
Oftentimes nan konsepsyon sit entènèt, ou itilize marge oswa padding valè pou avanse pou pi eleman ak kreye espas blan. Pwopriyete sa yo pap travay pou reyalize efè paragraf la, sepandan. Si ou aplike swa nan valè sa yo nan paragraf la, tèks la nan tout paragraf sa a, ki gen ladan chak liy, yo pral espace olye pou yo nan premye liy lan.