1
00:00:00,526 --> 00:00:03,685
CSS-ს გამოყენება ტექსტის ზომის შესაცვლელადაც
შეგვიძლია.

2
00:00:03,685 --> 00:00:06,564
უკვე შეგიძლიათ ნახოთ და შეადაროთ
სათაურისა

3
00:00:06,564 --> 00:00:09,357
და აბზაცების ზომა, როგორც ბრაუზერმა
უკვე გააკეთა

4
00:00:09,357 --> 00:00:12,212
დეფოლტ სტილით, განსხვავებული ზომა გამოიყენა
განსხვავებული ელემენტებისთვის.

5
00:00:12,212 --> 00:00:13,643
აქ არის შინაარსის შრიფტის ზომა

6
00:00:13,643 --> 00:00:16,136
და უფრო დიდი ზომა თითოეული
დონის სათაურზე.

7
00:00:16,136 --> 00:00:18,777
ზოგჯერ, ჩვენ ამ ზომების შეცვლაც
გვსურს.

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

9
00:00:22,419 --> 00:00:23,853
მაგალითად:

10
00:00:23,853 --> 00:00:28,643
როგორ გავაკეთოთ მთელი ტექსტი ჩვენს გვერდზე
ცოტა მომცრო ზომის?

11
00:00:28,948 --> 00:00:31,112
კარგი, ჩვენ გადავალთ `style` თეგზე,

12
00:00:31,112 --> 00:00:34,590
და დავამატებთ CSS წესს`body`თეგზე.

13
00:00:34,889 --> 00:00:39,337
და შემდეგ, მასში ჩავსვამთ `font-size` ფუნქციას.

14
00:00:39,337 --> 00:00:42,669
ახლა, რა მნიშვნელობა უნდა მივანიჭოთ
`font-size`-ს?

15
00:00:42,959 --> 00:00:45,924
რას ვიყენებთ მის გასაზომად?

16
00:00:45,930 --> 00:00:47,954
ეს ნამდვილად კარგი შეკითხვაა.

17
00:00:47,954 --> 00:00:50,267
რადგან აქ სულ მცირე ათი
განსხვავებული ერთეოულია,

18
00:00:50,267 --> 00:00:52,588
CSS-ში `font-size`-სთვის.

19
00:00:52,588 --> 00:00:55,674
მოდი დავიწყოთ იმ ერთეულით, რომელიც
ადრეც გინახავთ: პიქსელით.

20
00:00:55,853 --> 00:00:58,623
ჩვენ პიქსელებს სურათების ზომების გადასაწყვეტად
ვიყენებდით.

21
00:00:58,623 --> 00:01:01,273
და მათ გამოყენებას CSS-შიც განვაგრძობთ.

22
00:01:01,286 --> 00:01:03,225
მოდი ვცადოთ 11 პიქსელი.

23
00:01:03,800 --> 00:01:06,145
ჰაჰ, ყველაფერი დაპატარავდა.

24
00:01:06,405 --> 00:01:08,920
სათაურებიც კი.

25
00:01:08,920 --> 00:01:11,372
რატომ დაპატარავდნენ ისინიც?

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

27
00:01:15,516 --> 00:01:16,428
არა!

28
00:01:16,432 --> 00:01:21,954
რადგან ბრაუზერის დეფოლტ სტილი 
არ არის განსაზღვრული პიქსელებში.

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

30
00:01:25,495 --> 00:01:27,450
და ეს ფარდობითი ერთეულია,

31
00:01:27,450 --> 00:01:31,845
რომელიც სათაურის შრიფტის ზომის მასშტაბს
ტექსტის შრიფტის პროპორციულს ხდის.

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

33
00:01:34,077 --> 00:01:36,439
გადავიდეთ `h2` სტილის წესზე

34
00:01:36,574 --> 00:01:39,434
და დავამატოთ `font-size` ფუნქცია.

35
00:01:39,446 --> 00:01:44,489
ამ დროს, პიქსელებში ფიქრის ნაცვლად, 
მე ფარდობითად ვფიქრობ.

36
00:01:44,701 --> 00:01:50,193
ტექსტთან შედარებით
რამდენჯერ დიდი გვინდა იყოს ``?

37
00:01:50,193 --> 00:01:53,145
იქნებ, ორჯერ დიდი?

38
00:01:53,145 --> 00:01:56,763
ამისთვის, ჩვენ `2em` უნდა ჩავწეროთ.

39
00:01:56,992 --> 00:02:00,171
ახლა ბრაუზერმა უბრალოდ გამოთვალა

40
00:02:00,171 --> 00:02:01,818
შრიფტის ზომა პიქსელებში.

41
00:02:01,818 --> 00:02:05,048
ბრაუზერმა იცის, რომ შინაარსის ზომა
არის 11 პიქსელი.

42
00:02:05,048 --> 00:02:08,055
და თქვენ მიუთითეთ რომ `h2` უნდა იყოს 
ორჯერ უფრო დიდი,

43
00:02:08,055 --> 00:02:12,144
ასე რომ, ახლა ყველა``
22 პიქსელის სიდიდისაა,

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

45
00:02:16,576 --> 00:02:18,932
მაშინ რა სიდიდის იქნება ``?

46
00:02:19,267 --> 00:02:21,914
ეს მართალია, 24 პიქსელის.

47
00:02:21,914 --> 00:02:26,345
რა მოხდება თუ`h2` შრიფტის ზომას
1.5em -მდე შევცვლით?

48
00:02:26,760 --> 00:02:30,805
ახლა `h2` იქნება 12 ჯერ 1.5

49
00:02:31,023 --> 00:02:32,666
ანუ 18 პიქსელი ზომის.

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

51
00:02:37,754 --> 00:02:39,521
და იგივენაირად იმუშავებს.

52
00:02:39,634 --> 00:02:41,502
არჩევანი იმაზეა დამოკიდებული, 
რომელი უფრო გეადვილებათ.

53
00:02:41,502 --> 00:02:45,258
და როგორც უკვე ვთქვი, აქ ბევრი ერთეულის
გამოყენება შეგვიძლია

54
00:02:45,258 --> 00:02:47,242
pixel-ებისა და em-ის გარდა.

55
00:02:47,242 --> 00:02:49,568
ეს უბრალოდ ორი ყველაზე პოპულარული
ერთეულია.

56
00:02:49,568 --> 00:02:51,016
მაგრამ, თუ თქვენ სხვების არჩევა გსურთ,

57
00:02:51,016 --> 00:02:53,193
შეამოწმეთ `font-size`-ს მონაცემები

58
00:02:53,193 --> 00:02:55,402
ან მოძებნეთ ინტერნეტში ტუტორიალები.

59
00:02:55,422 --> 00:02:59,492
შრიფტის ზომის გამოყენების დროა!