Օգտագործելով Text-Indent Property- ը եւ հարակից եղբայրներից մի քանիսը
Լավ վեբ դիզայնը հաճախ լավ տպագրության մասին է: Քանի որ վեբ-էջի բովանդակության մեծ մասը ներկայացվում է որպես տեքստ, կարողանալով այդ տեքստի ոճը լինել գրավիչ եւ արդյունավետ, այնուամենայնիվ կարեւոր դեր ունի որպես վեբ դիզայներ: Ցավոք, մենք չունենք տպագրման նույն մակարդակի վրա, որ մենք անում ենք տպագրության մեջ: Սա նշանակում է, որ մենք միշտ չէ, որ կարող ենք հուսալի կերպով ոգեշնչել ոստայնի էջը այնպես, ինչպես մենք կարող ենք դա անել տպագիր կտորով:
Մեկ ընդհանուր պարբերության ոճը, որը դուք անում եք, տպագրվում են հաճախ (եւ մենք կարող ենք վերարտադրել առցանց), որտեղ այդ կետի առաջին գիծը տեղադրվում է մեկ տողաբացված տարածություն : Սա թույլ է տալիս ընթերցողներին տեսնել, թե որտեղից սկսվում է մեկ պարբերություն, մյուսը `վերջ:
Դուք չեք տեսնում այս վիզուալ ոճը այնքան, որքան վեբ էջերում, քանի որ բրաուզերները, որպես լռելյայն, պարունակում են պարբերություն, տիեզերքի տակ գտնվող տարածք, որպես ցույց տալու, թե որտեղ է ավարտվում եւ մյուսը սկսվում է, բայց եթե ուզում եք ոճավորել էջը, ոգեշնչված հատվածի ոճը պարբերությունների վրա, դուք կարող եք դա անել տեքստի ներածման ոճի գույքի հետ:
Այս գույքի սինթետիկան պարզ է: Ահա թե ինչպես եք ավելացնել տեքստի ներածություն մի փաստաթղթի բոլոր պարբերություններին:
p {text-indent: 2em; }Անհատականացնել ներդիրները
Մեկը կարելի է նշել պարբերությունների անջատման մասին, դուք կարող եք ավելացնել դասարան այն պարբերության մեջ, որը ցանկանում եք ներդնել, բայց դա պահանջում է, որ դուք խմբագրեք յուրաքանչյուր պարբերություն, որպեսզի այն դաս լինի: Դա անարդյունավետ է եւ չի հետեւում HTML- ի կոդավորման լավագույն փորձին:
Փոխարենը, դուք պետք է հաշվի առնեք, երբ պարբերություններ եք մուտքագրում: Դուք պարբերություններ եք ներառում, որոնք ուղղակիորեն հետեւում են մեկ այլ պարբերությանը: Դա անելու համար դուք կարող եք օգտագործել հարակից եղբայրական եղբայրը: Այս ընտրացանկով ընտրում եք յուրաքանչյուր պարբերություն, որն անմիջապես նախորդում է մեկ այլ պարբերության:
p + p {text-indent: 2em; }Քանի որ դուք գտնվում եք առաջին գծի ներքո, դուք պետք է նաեւ համոզվեք, որ ձեր պարբերությունները նրանց միջեւ լրացուցիչ տարածություն չունեն (որը զննարկչի կանխադրվածն է): Ստիլիստաբար, դուք պետք է ունենաք տարածություն պարբերությունների միջեւ կամ առաջին գիծից անջատեք, բայց ոչ երկուսն էլ:
p {margin-bottom: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }Բացասական հենանիշներ
Դուք կարող եք նաեւ օգտագործել տեքստային պարունակվող գույքը, ինչպես նաեւ բացասական արժեք, առաջացնելով գիծի մեկնարկը ձախ դեպի հակառակ կողմը, ճիշտ այնպես, ինչպես նորմալ պարունակությունը: Դուք կարող եք դա անել, եթե գիծը սկսվում է ցիկլային նշանից, որպեսզի մեջբերման սիմվոլը հայտնվի պարբերության ձախ կողմում, իսկ տառերը շարունակում են մնալ լավ ձախ եզրեր:
Ասենք, օրինակ, որ դուք ունեք մի պարբերություն, որը թաղամասի ժառանգորդն է եւ ցանկանում եք, որ այն բացասաբար անջատվի: Դուք կարող եք գրել այս սցենարը.
blockquote p {text-indent: -5em; }Սա պարունակում է կետի մեկնարկը, որը, ենթադրաբար, ներառում է բացման մեջբերման բնույթ, ձախ կողմում մի փոքր շարժվում է կախված կետադրություն ստեղծելու համար:
Ինչ վերաբերում է ծայրին եւ լրացնելուն
Հաճախ վեբ դիզայնի մեջ դուք օգտագործում եք մարգին կամ լրացուցիչ արժեքներ տարրեր տեղափոխելու եւ սպիտակ տարածք ստեղծելու համար: Այնուամենայնիվ, այդ հատկությունները չեն աշխատի, որպեսզի հասնի կետային պարբերության ազդեցությանը: Եթե կիրառեք այդ արժեքներից որեւէ մեկը պարբերության մեջ, ապա այդ պարբերության ամբողջ տեքստը, ներառյալ յուրաքանչյուր տող, պետք է ընդգրկված լինի միայն առաջին գծի փոխարեն: