Տառատեսակի չափի խորությունը հասկացողություն (PX ընդդեմ EM ընդդեմ REM)

Տառատեսակի չափի հասկանալը

Տառատեսակի չափը շատ կարևոր դեր է խաղում համացանցում, Տառատեսակի չափը cSS հատկություններից մեկն է: Տառատեսակի չափը կամ տեքստի չափը սահմանում են, թե որքան մեծ են վեբ էջում ցուցադրվող նիշերը: տառատեսակը սովորաբար չափվում է կետերում (pt) և սովորաբար սահմանվում է պիքսելում (px):

Defանկացած վեբ էջի բազային տառատեսակի չափը (Body տառատեսակի չափը) 16px է, մինչև որ մենք որոշենք ցանկացած հատուկ տառատեսակի չափ:
Տառատեսակի չափի հատկությունը նշվում է հետևյալ եղանակներից մեկով.

1. Բացարձակ չափի կամ հարաբերական չափի
2. Որպես երկարություն կամ տոկոս (համեմատ ծնողի տարրի տառատեսակի չափին)

Հիմնական շարահյուսություն

Տառատեսակի հիմնական շարահյուսություն

Բացարձակ չափս
xx-small, x-small, small, xx-large, x-large, large
Տառատեսակի չափը Բացարձակ չափի հիմնաբառերով կլինի ավելի մեծ կամ փոքր `համեմատած ծնողի տարրի տառատեսակի չափի հետ:

Հարաբերական-չափ
ավելի փոքր, ավելի մեծ

Երկարություն-չափ
Երկարությամբ որոշված ​​տառատեսակի չափը միշտ կլինի դրական արժեք, օգտագործված տառատեսակների հարաբերական միավորներ, ինչպիսիք են em և px

Տոկոսային չափը
Տոկոսով տառատեսակի չափը միշտ կլինի դրական արժեք և համեմատած է ծնողի տարրի տառատեսակի չափի հետ

Սահմանեք տառատեսակի չափը մարմնում

Bodyանկացած վեբ էջ մշակելու լավագույն մոտեցումը մարմնի մեջ տառատեսակի չափի սահմանումն է: Մարմնի տարրի վրա հիմնաբառեր դնելով տառատեսակի չափը, կարող եք էջի ցանկացած այլ մասի վրա դնել տառաչափի չափսերը, ինչը հնարավորություն կտա համապատասխանաբար ամբողջ էջում տառատեսակը հեշտությամբ չափել վերև կամ ներքև:

Տառատեսակի չափը պիքսելում (Px)

Pixel- ում տառատեսակի չափսերի որոշումը լավ պրակտիկա չէ: սա միայն լավ կլինի, եթե դուք ղեկավարում եք պիքսել կատարյալ դիզայնը:
 Pixel- ը (px) ստատիկ արժեք է, px- ը `OS- ի ինքնուրույն և խաչաձև զննարկիչ է, որը զննարկիչներին ասում է, որ ձեր տված տառերը ճշգրտորեն բարձրացնեն պիքսելների քանակով: Արդյունքները կարող են մի փոքր տարբեր լինել զննարկիչների շրջանում, քանի որ յուրաքանչյուր զննարկիչ օգտագործում է տարբեր ալգորիթմներ և մոտեցում ՝ նմանատիպ էֆեկտ ստանալու համար:
 Երբ դուք սահմանում եք տառատեսակի չափը պիքսելում (px), հնարավոր է, որ դիմեք գրի մի քանի լրացուցիչ css, որպեսզի պատասխանատու էջը կառավարեք: և ամեն ընդմիջման կետում դուք պետք է գրեք css- ը:

Տառատեսակի չափը EM- ում

Տառատեսակի չափը որոշելու մեկ այլ եղանակ `em արժեքներով: Em արժեքի չափը դինամիկ է: երբ em- ում սահմանում ենք տառատեսակի չափը, դա կախված է ծնողի տարրի չափից:
 եթե մենք ծնողի համար չենք դրել տառատեսակի չափը, ապա ըստ լռելյայն, այն կվերցնի զննարկչի տառատեսակի չափը, այսինքն `16 հատ:
 Em- ի հետ ամենակարևոր բանն այն է, որ միշտ կախված է ծնողի տառատեսակից: այնպես որ, եթե դուք սահմանում եք տառատեսակը nested element- ում, ապա դա պետք է ձեր մտքում պահեք `տառատեսակի չափը սահմանելու համար:

Պիքսել ՝ փոխակերպման համար

Տառատեսակի չափը REM- ով

Տառատեսակի չափի վերահաշվարկային արժեքները հորինվել են ՝ բույնի տարրի էլ-ի խնդիրը հաղթահարելու համար:
 Տառատեսակի չափի Rem արժեքները հարաբերական են արմատական ​​html տարրին, ոչ թե ծնող տարրին, մնացածը ամեն ինչ նույնն է, ինչ em- ը:
 Ստորև ներկայացված է Rem- ի և Em- ի միջև եղած տարբերությունը, եթե գոյություն ունեն բույնի տարրեր:

Տեղադրված տարրերի տարբերությունը EM- ի և REM- ի միջև

Տեղադրեք տարրը EM- ի հետՏեղադրեք տարրը REM- ով

Հղում ՝ https://developer.mozilla.org/en-US/docs/Web