Խաբել թերթ: Ինչպես պահանջագիր տեքստային CSS

Վեբ ռեսուրս գնահատվում է օգտվողների համար իր տեսողական բողոքարկման: Հետեւաբար, նույնիսկ օգտակար տեքստը տեղեկատվությունը չի կարող կարդալ պայմանավորված է նրանով, որ այն վատ մշակված: Եզրակացություն - որ պետք է ուշադիր եւ ուշադիր է ոչ միայն իմաստային բովանդակությամբ էջերի, այլեւ իր տեսողական ներկայացման. Գալուստը CSS տեխնոլոգիայի աճել ստեղծման հնարավորությունը, որը գրավիչ հոդվածներ: Մեկը հատկությունները, նախատեսված է հեշտացնել ընկալումը գրավոր - պարբերույթի CSS տեքստի.

Մարժա եւ լիցք, թե ինչ է տարբերությունը:

Նախքան սկսում ես ձեւաչափով տեքստը, դուք պետք է հասկանալ, թե ինչ է margins եւ լիցք: Չնայած այն հանգամանքին, որ այդ նշում տարրերը որոշ դեպքերում նայել նույն օգտագործողի, կան հիմնարար տարբերություններ նրանց միջեւ:

• լիցք դաշտը սահմանում է անշարժ գույքի, պահանջագիր մարժա.
• դաշտը որոշվում է բացը միջեւ բովանդակության եւ շրջափակման սահմանի, բացատ - միջեւ սահմաններում հարակից բլոկների.
• դաշտը կարելի է համարել որպես տարր է չափի (լայնությունը եւ բարձրությունը) եւ ոչ:

մարժա գույքը

Այնպես որ, պետք է սահմանել հորիզոնական կամ ուղղահայաց լիցք CSS տեքստը, օգտագործել դիզայնի մարժան: Այս գույքը կիրառվում է թեգով

-րդ պարբերությունը վարպետ փաստաթղթի. Պարզագույն դեպքում, այն կարող է գրել, ինչպես նաեւ:

մարժա: 12px.

Այս գիծը նշանակում է, որ շուրջ բլոկի տեքստի (կամ որեւէ այլ բլոկ) բոլոր կողմերից, որը տեղադրված է ատամիկ 12 փիքսել. Է բարձրացնել ընդմիջումից, օրինակ, երեք անգամ բավական է գրել:

մարժա: 36px.

Բայց ինչ, եթե բլոկների միջեւ ընդմիջումից պետք է տարբեր լինել յուրաքանչյուր կողմում. Վեբ մշակողները օգտագործել մի քանի ձեւեր, գրառումների:

1. մարժա: 11px 22px.
2. մարժա: 11px 22px 33px:
3. մարժա: 11px 22px 33px 44px:

Ի առաջին օրինակը, ատամիկ 11 փիքսել պատրաստված են ստորին եւ վերին սահմանների վրա բլոկի վրա կողմերի բլոկի `22 պիքսել. Ըստ երկրորդ ռեկորդային միավորի միջեւ վերին եզրին եւ բովանդակության կլինի 11 փիքսել միջեւ ստորին - 33 pixel յուրաքանչյուր կողմում - ի 22 պիքսել. Երրորդ դեպքում CSS պահանջագիր text արժեք կունենա 11 պիքսել է վերեւից, աջ կողմում 22 պիքսել, 33 պիքսել եւ 44 պիքսելների ներքեւի ձախ.

Նաեւ հասանելի է ունակությունն է արձանագրել հեռավորությունը շրջափակման սահմանի մի կողմում միայն: մարժա, սկիզբ, մարժա-ներքեւից , մարժա ձախ, աջ լուսանցք: Թարգմանում անունները հատկություններով է ռուսաց լեզվի, դա շատ հեշտ է գուշակել իրենց նշանակման. Օրինակ, հետեւյալը մուտքի ցույց է տալիս, որ ատամիկ վրա աջ հավասար կլինի 22 պիքսել:

աջ լուսանցք 22rh.

Մնացած հեռավորությունը շուրջ կողմերի բլոկի ենթադրաբար հավասար է արժեքի մայր տարր.

Մարժան գույքը ունի առանձնահատկություններ, որոնք մի ծրագրավորողը պետք է հիշի, երբ, օգտագործելով CSS տեքստի նահանջած ուղղահայաց. Ընդմիջումներով հարակից տարրերի չեն ամփոփել, եւ բարդվել են միմյանց: Օրինակ, ենթադրենք, որ մեկը միավորների ունի միջակայքն-հատակին: 15px, եւ ներքեւում հարակից բլոկ միջակայքն-գագաթին: 35px. Դպրոց թվաբանություն եւ ողջախոհությունը թելադրում է, որ ընդհանուր spacing նրանց միջեւ չի լինի 50 փիքսել. Գործնականում դա չէ. Ա թաղամաս մի մեծ արժեքի գույքի միջակայքն «ծիծեռնակը» իր հարեւանին: Որպես հետեւանք, իսկ ընդմիջումից միջեւ տարրերի 35 փիքսել.

«Կարմիր» տողը

Դարձնելով փաստաթուղթը տեքստային խմբագիր, օգտագործողները նախընտրում են հարցնել յուրաքանչյուր նոր պարբերություն հետ «կարմիր» տողով: Օգտագործելով CSS տեքստային նահանջը վրա ձախ շատ հեշտ է անել, - օգտագործման տեքստային-պարբերույթ դիզայն. Գրել այն նման:

text-տողագլուխը: 11px.

Այն է, որ առաջին գծի վրա կետով տեղափոխվել հարաբերական է ձախ մարժա 11 պիքսել. Դարձնել տեքստը վեբ էջի վրա, նայեց ավելի նման փաստաթուղթ խմբագիր, դուք պետք է տեղադրել լրացուցիչ հիմնավորումներ, այսինքն, գրել:

text-տողագլուխը: 11px;

text-align: justify.

Ի լրումն պիքսել, նկարագրության օգտագործման այլ նշում միավորների մատնաչափ պնդում տոկոսը: Թող որ միավոր ունի CSS տեքստային ատամիկ 10%: Երբ լայնությունը բլոկի 500 պիքսել, կարմիր գիծը կլինի 50 պիքսել (10%, 500):

Համար, այս սեփականության կարող է ցուցադրվել արժեքը ժառանգեն: Այս գրառումը ասում է, որ միավորը օգտագործում է նման գույքը մայր միավորի:

text-տողագլուխը: Ժառանգել.

Զարմանալի է, որ ատամիկ կարող է վերցնել բացասական արժեքների! Այս դեպքում, կանխատեսումները, որոնք ձեւավորվում են, այսպես կոչված, այն է, որ հիմնական տեքստը մնում է տեղում, իսկ առաջին գիծը տեղափոխվել է ձախ կողմից 22 պիքսել:

text-տողագլուխը: -22px.

Նամակներն են ոչ թե անցել է ձախ սահմանի բրաուզերի, ի լրումն տեքստում-պարբերույթում պետք է օգտագործվի սահմանել կառուցվածքը դաշտում:

լիցք-Մնացել է: 22px.

օգտակար ակնարկներ

Հիմնական հատկությունները CSS համար ֆորմատավորում տեքստը համարվում են: Եւ ամրագրել դրանք օգնության պրակտիկան: Այստեղ են մի քանի վերջնական խորհուրդներ, թե ինչպես պետք է կիրառել այն սովորել նյութը վեբ զարգացման

• կարմիր գիծը եւ ատամիկ տեքստի - տարբեր հասկացությունների, եւ տարբեր հատկությունների համար օգտագործվող առաջնորդության.
• ուղղահայաց ատամիկ կանոնները չեն կիրառվում մաթեմատիկայի - ընդմիջումներով համընկնումը, «հաղթում է» տարր հետ ավելի մեծ արժեքի,
• բացասական ատամիկ օգտագործվում է ցույց առաջին գիծ պարբերության հետ պատկերով: