1
00:00:00,526 --> 00:00:03,525
CSS také můžeme použít
ke změně velikosti našeho textu.

2
00:00:03,666 --> 00:00:07,713
Jak můžete vidět porovnáním velikosti
nadpisů odstavců na stránce,

3
00:00:07,713 --> 00:00:12,352
prohlížeč již nabízí základní styly
s rozdílnými velikostmi pro různé elementy.

4
00:00:12,352 --> 00:00:16,452
Obyčejný text má nějakou velikost
a každý stupeň nadpisu má jinou velikost.

5
00:00:16,452 --> 00:00:18,857
Občas chceme tyto velikosti poupravit.

6
00:00:18,857 --> 00:00:22,206
A toho můžeme dosáhnout pomocí
CSS vlastnosti 'font-size'.

7
00:00:22,419 --> 00:00:23,853
Například:

8
00:00:23,853 --> 00:00:28,643
Co kdybychom chtěli, aby veškerý text
na naší stránce byl o trochu menší?

9
00:00:28,948 --> 00:00:31,062
No, půjdeme do tagu 

10
00:00:31,102 --> 00:00:34,889
a přidáme CSS pravidlo pro tag .

11
00:00:34,889 --> 00:00:39,247
A dovnitř přidáme vlastnost 'font-size'.

12
00:00:39,477 --> 00:00:42,669
Jaká hodnota pro 'font-size'
by to měla být ?

13
00:00:42,959 --> 00:00:45,654
A jak měříme velikost fontu?

14
00:00:45,930 --> 00:00:47,954
To je vlastně dobrá otázka,

15
00:00:47,954 --> 00:00:50,267
protože existuje nejméně
10 různých jednotek,

16
00:00:50,267 --> 00:00:52,358
které CSS pro 'font-size' podporuje.

17
00:00:52,684 --> 00:00:55,674
Začneme s jednotkou,
kterou jsme již potkali: pixely.

18
00:00:55,674 --> 00:00:58,923
Pixely jsme použili při rozhodování,
jak velké chceme obrázky,

19
00:00:58,923 --> 00:01:01,286
a v CSS je budeme také často používat.

20
00:01:01,286 --> 00:01:02,985
Zkusme nastavit 11 pixelů.

21
00:01:04,040 --> 00:01:06,145
Ha. Vše se zmenšilo.

22
00:01:06,405 --> 00:01:08,510
Dokonce i nadpisy se zmenšily.

23
00:01:08,786 --> 00:01:11,172
Proč se zmenšily i nadpisy?

24
00:01:11,363 --> 00:01:15,316
Neměly by být nastavené již prohlížečem?

25
00:01:15,502 --> 00:01:16,288
Ne.

26
00:01:16,432 --> 00:01:21,954
Protože styl nadpisů prohlížeče není
nastavený pomocí pixelů.

27
00:01:21,962 --> 00:01:25,207
Je určen jinou jednotkou,
kterou nazýváme "em".

28
00:01:25,495 --> 00:01:27,450
A tato jednotka je relativní jednotkou,

29
00:01:27,450 --> 00:01:31,695
což znamená, že písmo v nadpisech
bude úměrně velké běžnému písmu.

30
00:01:32,099 --> 00:01:34,055
Ukážeme si, co tím myslím.

31
00:01:34,055 --> 00:01:36,439
Pojďme do našeho pravidla
pro nadpisy ''

32
00:01:36,574 --> 00:01:38,904
a přidejme vlastnost 'font-size'.

33
00:01:39,446 --> 00:01:44,489
Tentokrát nepoužiji pixely,
musíme uvažovat relativně.

34
00:01:44,701 --> 00:01:49,903
Kolikrát větší chceme mít ''
oproti zbytku těla stránky?

35
00:01:50,173 --> 00:01:52,857
Možná… dvakrát?

36
00:01:53,305 --> 00:01:56,763
Tím pádem napíšeme '2em'.

37
00:01:56,992 --> 00:02:01,810
Ve skutečnosti si teď prohlížeč
vypočítal velikost fontu v pixelech.

38
00:02:01,810 --> 00:02:05,048
Prohlížeč ví, že velikost písma
v těle je 11 pixelů.

39
00:02:05,048 --> 00:02:08,055
A my jsme mu teď řekli, že ''
má být dvakrát větší.

40
00:02:08,055 --> 00:02:12,078
Takže nyní všechny '' jsou
vysoké 22 pixelů.

41
00:02:12,142 --> 00:02:16,576
Pokud změníme velikost písma
v těle stránky na 12 pixelů,

42
00:02:16,576 --> 00:02:18,932
jak velké budou ''?

43
00:02:19,267 --> 00:02:21,494
Správně, 24 pixelů.

44
00:02:21,494 --> 00:02:26,760
Co když změníme velikost 'h2' na 1.5em?
(dejte pozor, v CSS píšeme desetinnou tečku místo čárky)

45
00:02:26,760 --> 00:02:30,805
No, bude to 12 pixelů krát 1,5,

46
00:02:31,023 --> 00:02:32,666
to je 18 pixelů.

47
00:02:33,273 --> 00:02:37,754
Můžeme taky pro '' uvést velikost
v pixelech, stejně jako v '',

48
00:02:37,754 --> 00:02:39,521
a bude to fungovat stejně.

49
00:02:39,634 --> 00:02:41,692
Záleží to na tom,
co je pro vás jednodušší.

50
00:02:41,692 --> 00:02:45,258
A jak jsem zmínila,
existuje mnoho dalších jednotek,

51
00:02:45,258 --> 00:02:47,336
které můžeme použít místo pixelů nebo em.

52
00:02:47,336 --> 00:02:51,016
Tyto dvě jsou nejpoužívanější,
ale pokud chcete vědět více,

53
00:02:51,016 --> 00:02:53,193
navštivte dokumentaci
vlastnosti 'font-size',

54
00:02:53,193 --> 00:02:55,402
nebo si najděte na internetu další tutoriály.

55
00:02:55,503 --> 00:02:58,883
A teď s fontem vzhůru do oblak!