Uża l-Prova tal-Indent tat-Test u l-Agħżel Eliġibbli tal-Ħbieb
Disinn tal-web tajjeb spiss ikun dwar it-tipografija tajba. Peress li ħafna mill-kontenut ta 'paġna tal-web qed jiġi ppreżentat bħala test, li jkun jista' stil li t-test kemm attraenti kif ukoll effettiv huwa ħila importanti li jkollu bħala web designer. Sfortunatament, m'għandniex l-istess livell ta 'kontroll tipografiku onlajn li nagħmlu fil-istampar. Dan ifisser li ma nistgħux dejjem inkunu affidabbli t-test tal-istil fuq websajt bl-istess mod li nistgħu nagħmlu hekk f'biċċa stampata.
Wieħed mill-istil tal-paragrafi komuni li tara ħafna drabi fl-istampar (u li nistgħu nerġgħu nibnu mill-ġdid fuq l-internet) huwa fejn l-ewwel linja ta 'dak il-paragrafu hija indentata spazju tab wieħed. Dan jippermetti lill-qarrejja biex jaraw fejn jibda paragrafu wieħed u jispiċċa ieħor.
M'għandekx tara dan l-istil viżwali kemm fil-paġni tal-web minħabba li l-browsers, b'mod awtomatiku, juru paragrafi bl-ispazju taħthom bħala mezz biex juru fejn wieħed jintemm u ieħor jibda, imma jekk trid ttajpja paġna biex ikollha dik l- istil inċiż ispirat fuq il-paragrafi, tista 'tagħmel hekk bil-proprjetà ta' stil ta ' test inċiż .
Is-sintassi għal din il-proprjetà hija sempliċi. Hawnhekk għandek iżżid inċiż tat-test mal-paragrafi kollha f'dokument.
p {test-inċiż: 2em; }Il-Personalizzazzjoni tal-Inċiżi
Mod wieħed kif tista 'tispeċifika eżattament il-paragrafi għall-inċiż, tista' żżid klassi mal-paragrafi li trid inċiż, iżda dan jeħtieġ li inti teditja kull paragrafu biex iżżid klassi magħha. Dan huwa ineffiċjenti u ma jsegwix l - aħjar prattiki tal- kodiċi HTML .
Minflok, għandek tikkonsidra meta tibdel il-paragrafi. Int inċiż paragrafi li huma direttament wara paragrafu ieħor. Biex tagħmel dan, tista 'tuża s-selettur tal-aħwa fil-qrib. Ma 'dan is-selettur, qed tagħżel kull paragrafu li huwa immedjatament preċedut minn paragrafu ieħor.
p + p {test-inċiż: 2em; }Peress li int qed tisma 'l-ewwel linja, għandek tiżgura wkoll li l-paragrafi tiegħek m'għandhomx spazju żejjed bejniethom (li huwa n-nuqqas tal-browser). Stylistically, għandek jew ikollok spazju bejn il-paragrafi jew l- inċiż l-ewwel linja, iżda mhux it-tnejn.
p {qiegħ tal-qiegħ: 0; qiegħ tal-padding: 0; } p + p {margin-top: 0; padding-top: 0; }Inferenzi negattivi
Tista 'wkoll tuża l - proprjetà tat-test tal-indent , flimkien ma' valur negattiv, biex tikkawża l-bidu ta 'linja biex tmur lejn ix-xellug kif oppost għad-dritt bħal indent normali. Tista 'tagħmel dan jekk linja tibda b'marka ta' kwotazzjoni sabiex il-karattru tal-kwotazzjoni jidher fil-marġni żgħir lejn ix-xellug tal-paragrafu u l-ittri nfushom għadhom jiffurmaw allinjament tax-xellug sbieħ.
Tgħid, per eżempju, li għandek paragrafu li huwa dixxendent ta 'blockquote u inti tixtieq li tkun indentat b'mod negattiv. Tista 'tikteb din is-CSS:
blockquote p {test-inċiż: -.5em; }Dan jagħti bidu għall-paragrafu, li preżumibbilment jinkludi l-karattru tal-kwotazzjoni tal-ftuħ, li jkun imċaqlaq ftit lejn ix-xellug biex tinħoloq punteġġjatura mdendlin.
Fir-rigward ta 'marġini u padding
Ħafna drabi fid-disinn tal-web, tuża valuri ta 'marġni jew ikkuttunar biex iċċaqlaq elementi u toħloq spazju abjad. Dawk il-proprjetajiet ma jaħdmux biex jinkiseb l-effett tal-paragrafu indentat, madankollu. Jekk tapplika xi wieħed minn dawn il-valuri għall-paragrafu, it-test kollu ta 'dak il-paragrafu, inkluża kull linja, se jkun spazjat minflok biss l-ewwel linja.