0:00:00.526,0:00:03.685
CSS-ს გამოყენება ტექსტის ზომის შესაცვლელადაც[br]შეგვიძლია.

0:00:03.685,0:00:06.564
უკვე შეგიძლიათ ნახოთ და შეადაროთ[br]სათაურისა

0:00:06.564,0:00:09.357
და აბზაცების ზომა, როგორც ბრაუზერმა[br]უკვე გააკეთა

0:00:09.357,0:00:12.212
დეფოლტ სტილით, განსხვავებული ზომა გამოიყენა[br]განსხვავებული ელემენტებისთვის.

0:00:12.212,0:00:13.643
აქ არის შინაარსის შრიფტის ზომა

0:00:13.643,0:00:16.136
და უფრო დიდი ზომა თითოეული[br]დონის სათაურზე.

0:00:16.136,0:00:18.777
ზოგჯერ, ჩვენ ამ ზომების შეცვლაც[br]გვსურს.

0:00:18.777,0:00:22.206
და ჩვენ ამის გაკეთებაა CSS-ის `font-size`(შრიფტის ზომა)[br]ფუნქციითაც შეგვიძლია.

0:00:22.419,0:00:23.853
მაგალითად:

0:00:23.853,0:00:28.643
როგორ გავაკეთოთ მთელი ტექსტი ჩვენს გვერდზე[br]ცოტა მომცრო ზომის?

0:00:28.948,0:00:31.112
კარგი, ჩვენ გადავალთ `style` თეგზე,

0:00:31.112,0:00:34.590
და დავამატებთ CSS წესს`body`თეგზე.

0:00:34.889,0:00:39.337
და შემდეგ, მასში ჩავსვამთ `font-size` ფუნქციას.

0:00:39.337,0:00:42.669
ახლა, რა მნიშვნელობა უნდა მივანიჭოთ[br]`font-size`-ს?

0:00:42.959,0:00:45.924
რას ვიყენებთ მის გასაზომად?

0:00:45.930,0:00:47.954
ეს ნამდვილად კარგი შეკითხვაა.

0:00:47.954,0:00:50.267
რადგან აქ სულ მცირე ათი[br]განსხვავებული ერთეოულია,

0:00:50.267,0:00:52.588
CSS-ში `font-size`-სთვის.

0:00:52.588,0:00:55.674
მოდი დავიწყოთ იმ ერთეულით, რომელიც[br]ადრეც გინახავთ: პიქსელით.

0:00:55.853,0:00:58.623
ჩვენ პიქსელებს სურათების ზომების გადასაწყვეტად[br]ვიყენებდით.

0:00:58.623,0:01:01.273
და მათ გამოყენებას CSS-შიც განვაგრძობთ.

0:01:01.286,0:01:03.225
მოდი ვცადოთ 11 პიქსელი.

0:01:03.800,0:01:06.145
ჰაჰ, ყველაფერი დაპატარავდა.

0:01:06.405,0:01:08.920
სათაურებიც კი.

0:01:08.920,0:01:11.372
რატომ დაპატარავდნენ ისინიც?

0:01:11.372,0:01:15.516
ისინი ისევ იგივე პიქსელების ზომის არ უნდა[br]არჩენილიყვნენ,რაც ბრაუზერმა დაადგინა მათთვის?

0:01:15.516,0:01:16.428
არა!

0:01:16.432,0:01:21.954
რადგან ბრაუზერის დეფოლტ სტილი [br]არ არის განსაზღვრული პიქსელებში.

0:01:21.962,0:01:25.207
ისინი განსხვავებული ერთეულითაა განსაზღვრული,[br]რომლებსაც ჩვენ "em"-ს ვუწოდებთ.

0:01:25.495,0:01:27.450
და ეს ფარდობითი ერთეულია,

0:01:27.450,0:01:31.845
რომელიც სათაურის შრიფტის ზომის მასშტაბს[br]ტექსტის შრიფტის პროპორციულს ხდის.

0:01:32.009,0:01:34.077
მოდი გაჩვენებთ, რას ვგულისხმობ.

0:01:34.077,0:01:36.439
გადავიდეთ `h2` სტილის წესზე

0:01:36.574,0:01:39.434
და დავამატოთ `font-size` ფუნქცია.

0:01:39.446,0:01:44.489
ამ დროს, პიქსელებში ფიქრის ნაცვლად, [br]მე ფარდობითად ვფიქრობ.

0:01:44.701,0:01:50.193
ტექსტთან შედარებით[br]რამდენჯერ დიდი გვინდა იყოს ``?

0:01:50.193,0:01:53.145
იქნებ, ორჯერ დიდი?

0:01:53.145,0:01:56.763
ამისთვის, ჩვენ `2em` უნდა ჩავწეროთ.

0:01:56.992,0:02:00.171
ახლა ბრაუზერმა უბრალოდ გამოთვალა

0:02:00.171,0:02:01.818
შრიფტის ზომა პიქსელებში.

0:02:01.818,0:02:05.048
ბრაუზერმა იცის, რომ შინაარსის ზომა[br]არის 11 პიქსელი.

0:02:05.048,0:02:08.055
და თქვენ მიუთითეთ რომ `h2` უნდა იყოს [br]ორჯერ უფრო დიდი,

0:02:08.055,0:02:12.144
ასე რომ, ახლა ყველა``[br]22 პიქსელის სიდიდისაა,

0:02:12.144,0:02:16.576
თუ ჩვენ შინაარსის ტექსტს 12 პიქსელდამდ[br]გავზრდით,

0:02:16.576,0:02:18.932
მაშინ რა სიდიდის იქნება ``?

0:02:19.267,0:02:21.914
ეს მართალია, 24 პიქსელის.

0:02:21.914,0:02:26.345
რა მოხდება თუ`h2` შრიფტის ზომას[br]1.5em -მდე შევცვლით?

0:02:26.760,0:02:30.805
ახლა `h2` იქნება 12 ჯერ 1.5

0:02:31.023,0:02:32.666
ანუ 18 პიქსელი ზომის.

0:02:33.273,0:02:37.754
ჩვენ პიქსელების ზომის მითითება `h2`სთვისაც [br]შეგვიძლია, ისე როგორც `body`სთვის ვაკეთებდით,

0:02:37.754,0:02:39.521
და იგივენაირად იმუშავებს.

0:02:39.634,0:02:41.502
არჩევანი იმაზეა დამოკიდებული, [br]რომელი უფრო გეადვილებათ.

0:02:41.502,0:02:45.258
და როგორც უკვე ვთქვი, აქ ბევრი ერთეულის[br]გამოყენება შეგვიძლია

0:02:45.258,0:02:47.242
pixel-ებისა და em-ის გარდა.

0:02:47.242,0:02:49.568
ეს უბრალოდ ორი ყველაზე პოპულარული[br]ერთეულია.

0:02:49.568,0:02:51.016
მაგრამ, თუ თქვენ სხვების არჩევა გსურთ,

0:02:51.016,0:02:53.193
შეამოწმეთ `font-size`-ს მონაცემები

0:02:53.193,0:02:55.402
ან მოძებნეთ ინტერნეტში ტუტორიალები.

0:02:55.422,0:02:59.492
შრიფტის ზომის გამოყენების დროა!