WEBVTT

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

00:00:03.685 --> 00:00:06.564
უკვე შეგიძლიათ ნახოთ და შეადაროთ
სათაურისა

00:00:06.564 --> 00:00:09.357
და აბზაცების ზომა, როგორც ბრაუზერმა
უკვე გააკეთა

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

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

00:00:13.643 --> 00:00:16.136
და უფრო დიდი ზომა თითოეული
დონის სათაურზე.

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

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

00:00:22.419 --> 00:00:23.853
მაგალითად:

00:00:23.853 --> 00:00:28.643
როგორ გავაკეთოთ მთელი ტექსტი ჩვენს გვერდზე
ცოტა მომცრო ზომის?

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

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

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

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

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

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

00:00:47.954 --> 00:00:50.267
რადგან აქ სულ მცირე ათი
განსხვავებული ერთეოულია,

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

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

00:00:55.853 --> 00:00:58.623
ჩვენ პიქსელებს სურათების ზომების გადასაწყვეტად
ვიყენებდით.

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

00:01:01.286 --> 00:01:03.225
მოდი ვცადოთ 11 პიქსელი.

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

00:01:06.405 --> 00:01:08.920
სათაურებიც კი.

00:01:08.920 --> 00:01:11.372
რატომ დაპატარავდნენ ისინიც?

00:01:11.372 --> 00:01:15.516
ისინი ისევ იგივე პიქსელების ზომის არ უნდა
არჩენილიყვნენ,რაც ბრაუზერმა დაადგინა მათთვის?

00:01:15.516 --> 00:01:16.428
არა!

00:01:16.432 --> 00:01:21.954
რადგან ბრაუზერის დეფოლტ სტილი 
არ არის განსაზღვრული პიქსელებში.

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

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

00:01:27.450 --> 00:01:31.845
რომელიც სათაურის შრიფტის ზომის მასშტაბს
ტექსტის შრიფტის პროპორციულს ხდის.

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

00:01:34.077 --> 00:01:36.439
გადავიდეთ `h2` სტილის წესზე

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

00:01:39.446 --> 00:01:44.489
ამ დროს, პიქსელებში ფიქრის ნაცვლად, 
მე ფარდობითად ვფიქრობ.

00:01:44.701 --> 00:01:50.193
ტექსტთან შედარებით
რამდენჯერ დიდი გვინდა იყოს ``?

00:01:50.193 --> 00:01:53.145
იქნებ, ორჯერ დიდი?

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

00:01:56.992 --> 00:02:00.171
ახლა ბრაუზერმა უბრალოდ გამოთვალა

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

00:02:01.818 --> 00:02:05.048
ბრაუზერმა იცის, რომ შინაარსის ზომა
არის 11 პიქსელი.

00:02:05.048 --> 00:02:08.055
და თქვენ მიუთითეთ რომ `h2` უნდა იყოს 
ორჯერ უფრო დიდი,

00:02:08.055 --> 00:02:12.144
ასე რომ, ახლა ყველა``
22 პიქსელის სიდიდისაა,

00:02:12.144 --> 00:02:16.576
თუ ჩვენ შინაარსის ტექსტს 12 პიქსელდამდ
გავზრდით,

00:02:16.576 --> 00:02:18.932
მაშინ რა სიდიდის იქნება ``?

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

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

00:02:26.760 --> 00:02:30.805
ახლა `h2` იქნება 12 ჯერ 1.5

00:02:31.023 --> 00:02:32.666
ანუ 18 პიქსელი ზომის.

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

00:02:37.754 --> 00:02:39.521
და იგივენაირად იმუშავებს.

00:02:39.634 --> 00:02:41.502
არჩევანი იმაზეა დამოკიდებული, 
რომელი უფრო გეადვილებათ.

00:02:41.502 --> 00:02:45.258
და როგორც უკვე ვთქვი, აქ ბევრი ერთეულის
გამოყენება შეგვიძლია

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

00:02:47.242 --> 00:02:49.568
ეს უბრალოდ ორი ყველაზე პოპულარული
ერთეულია.

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

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

00:02:53.193 --> 00:02:55.402
ან მოძებნეთ ინტერნეტში ტუტორიალები.

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