1
00:00:00,526 --> 00:00:03,525
Za pomocą CSS możemy
zmieniać rozmiar tekstu.

2
00:00:03,666 --> 00:00:06,564
Już widzicie, patrząc
na nagłówki i akapity,

3
00:00:06,564 --> 00:00:09,357
że przeglądarka zapewnia,
domyślnie,

4
00:00:09,357 --> 00:00:12,248
różne style i wielkości
dla różnych elementów.

5
00:00:12,352 --> 00:00:13,643
To jest rozmiar tekstu,

6
00:00:13,643 --> 00:00:15,936
a nagłówki każdego poziomu
są większe.

7
00:00:16,102 --> 00:00:18,650
Czasami chcemy zmienić czcionkę.

8
00:00:18,857 --> 00:00:22,206
Korzystamy z własności
„font-size” (rozmiar czcionki).

9
00:00:22,419 --> 00:00:23,853
Na przykład:

10
00:00:23,853 --> 00:00:28,643
Co zrobić, by cały tekst
na stronie był trochę mniejszy?

11
00:00:28,948 --> 00:00:31,062
Idziemy do znacznika „style”

12
00:00:31,102 --> 00:00:34,590
i dodajemy regułę CSS
do znacznika „body”.

13
00:00:34,889 --> 00:00:39,247
Wewnątrz dołożymy własność
„font-size” (rozmiar czcionki).

14
00:00:39,477 --> 00:00:42,669
Jaka powinna być wartość?

15
00:00:42,959 --> 00:00:45,654
Jak mierzymy czcionki?

16
00:00:45,930 --> 00:00:47,954
To bardzo dobre pytanie.

17
00:00:47,954 --> 00:00:50,267
Jest co najmniej 10 jednostek,

18
00:00:50,267 --> 00:00:52,358
które obsługuje CSS
dla tej własności.

19
00:00:52,684 --> 00:00:55,674
Zacznijmy od jednostki,
którą znacie: od pikseli.

20
00:00:55,853 --> 00:00:58,623
Stosowaliśmy ją, decydując
o wielkości obrazów.

21
00:00:58,623 --> 00:01:00,993
Będziemy jej często używać w CSS.

22
00:01:01,286 --> 00:01:02,985
Spróbujmy 11 pikseli.

23
00:01:04,040 --> 00:01:06,145
Ha! Wszystko zmalało.

24
00:01:06,405 --> 00:01:08,510
Nawet nagłówki.

25
00:01:08,786 --> 00:01:11,172
Ale dlaczego?

26
00:01:11,363 --> 00:01:15,316
Nie powinny mieć tylu pikseli,
ile określiła wcześniej przeglądarka?

27
00:01:15,502 --> 00:01:16,288
Nie.

28
00:01:16,432 --> 00:01:21,954
Domyślny styl nagłówków
nie jest określany w pikselach.

29
00:01:21,962 --> 00:01:25,207
Tu używa się innej jednostki, „em”.

30
00:01:25,495 --> 00:01:27,450
To jednostka względna,

31
00:01:27,450 --> 00:01:31,695
uzależniająca wielkość nagłówka
od rozmiaru czcionki w treści.

32
00:01:32,099 --> 00:01:33,817
Pokażę, o co chodzi.

33
00:01:34,055 --> 00:01:36,439
Przejdźmy do reguły stylu „h2”

34
00:01:36,574 --> 00:01:38,904
i dodajmy własność „font-size”.

35
00:01:39,446 --> 00:01:44,489
Nie będę myśleć o wielkości 
w pikselach, tylko względnie.

36
00:01:44,701 --> 00:01:49,903
Jak, proporcjonalnie, większy
ma być nagłówek „h2” od tekstu?

37
00:01:50,173 --> 00:01:52,857
Może dwukrotnie?

38
00:01:53,305 --> 00:01:56,763
Napiszemy więc „2em”.

39
00:01:56,992 --> 00:02:00,171
Przeglądarka obliczyła

40
00:02:00,171 --> 00:02:01,608
rozmiar w pikselach.

41
00:02:01,810 --> 00:02:05,048
Wie, że czcionka tekstu
ma 11 pikseli.

42
00:02:05,048 --> 00:02:08,055
Zaznaczyliśmy, że „h2”
ma być dwukrotnie większe,

43
00:02:08,055 --> 00:02:11,574
więc teraz wszystkie „h2”
mają 22 piksele wysokości.

44
00:02:12,142 --> 00:02:16,576
Jeśli zmienimy rozmiar
czcionki tekstu do 12 pikseli,

45
00:02:16,576 --> 00:02:18,932
jak duże będą nagłówki „h2”?

46
00:02:19,267 --> 00:02:21,494
Zgadza się, 24 piksele.

47
00:02:21,868 --> 00:02:26,345
A jeśli zmienimy rozmiar
czcionki „h2” do 1,5 em?

48
00:02:26,760 --> 00:02:30,805
Teraz „h2” będzie miało
12 razy 1,5,

49
00:02:31,023 --> 00:02:32,666
czyli 18 pikseli.

50
00:02:33,273 --> 00:02:37,754
Możemy też określić rozmiar „h2”
w pikselach, jak dla „body”.

51
00:02:37,754 --> 00:02:39,521
Zadziała to tak samo.

52
00:02:39,634 --> 00:02:41,502
Róbcie, jak wam wygodniej.

53
00:02:41,502 --> 00:02:45,258
Jak wspomniałam,
są też inne jednostki

54
00:02:45,258 --> 00:02:46,922
oprócz pikseli i em.

55
00:02:47,224 --> 00:02:49,568
Te są najpopularniejsze,

56
00:02:49,568 --> 00:02:51,016
ale, by wiedzieć więcej,

57
00:02:51,016 --> 00:02:53,193
obejrzyjcie nasze materiały

58
00:02:53,193 --> 00:02:55,402
lub poszukajcie innych w sieci.

59
00:02:55,503 --> 00:02:58,883
Pora poszaleć z rozmiarem czcionki!