1
00:00:00,512 --> 00:00:04,092
CSS vlastností
je nekonečně mnoho.

2
00:00:04,286 --> 00:00:06,035
Ukážeme si několik dalších.

3
00:00:06,253 --> 00:00:08,723
Co kdybychom chtěli změnit

4
00:00:08,723 --> 00:00:12,054
mezery mezi řádky
v textu mojí písničky?

5
00:00:12,439 --> 00:00:15,903
Můžeme použít vlastnost 'line-height'

6
00:00:15,903 --> 00:00:19,001
a její hodnotu nastavit třeba na 15 pixelů.

7
00:00:19,212 --> 00:00:24,755
Možná bude lepší 1,5 em,
pak bude výška řádku rovna

8
00:00:24,755 --> 00:00:28,034
150 procentům velikosti textu,
ať už je jakákoliv.

9
00:00:28,451 --> 00:00:32,075
Co kdybychom chtěli zarovnat
slova písničky na střed?

10
00:00:32,133 --> 00:00:36,232
K tomu můžeme využít vlastnost
'text-align' a její hodnotu 'center'.

11
00:00:36,232 --> 00:00:39,730
Taky ji mohu změnit na 'right' (vpravo)
nebo 'justified' (do bloku),

12
00:00:39,730 --> 00:00:42,108
ale to by asi vypadalo trochu zvláštně.

13
00:00:42,108 --> 00:00:45,327
A co kdybychom chtěli podtrhnout
celý text v prvním odstavci?

14
00:00:45,895 --> 00:00:49,430
K tomu lze využít
vlastnost 'text-decoration'

15
00:00:49,430 --> 00:00:52,778
a uvést hodnotu 'underline'.

16
00:00:53,224 --> 00:00:56,685
A co kdybychom chtěli odstranit
podtržení našich odkazů,

17
00:00:56,685 --> 00:00:58,473
jako třeba ten na Wikipedii?

18
00:00:58,722 --> 00:01:01,792
Prohlížeč má základní sadu stylů,
kterou používá všude.

19
00:01:01,792 --> 00:01:05,473
Například odkazy mají základní styl
'text-decoration: underline'.

20
00:01:05,473 --> 00:01:09,311
Ale pomocí CSS můžeme
tyto základní styly přepsat,

21
00:01:09,311 --> 00:01:11,900
a uvést 'text-decoration: none'.

22
00:01:12,049 --> 00:01:19,335
Stačí přidat pravidlo sem:
a { text-decoration: none; }

23
00:01:20,283 --> 00:01:22,815
A teď vidíme, že odkaz
už není podtržený.

24
00:01:22,929 --> 00:01:24,998
Ale na tohle si musíme dávat pozor,

25
00:01:24,998 --> 00:01:27,623
protože základní styly jsou tam
z dobrého důvodu.

26
00:01:27,698 --> 00:01:31,404
Pokud odkazy nebudou podtržené,
jak lidi poznají, že to jsou odkazy?

27
00:01:31,404 --> 00:01:35,342
Co když na ně nikdy nekliknou, protože si
budou myslet, že to je jen obyčejný text?

28
00:01:35,342 --> 00:01:38,680
Pokud opravdu odstraníme
podtržení, musíme si být jistí,

29
00:01:38,680 --> 00:01:42,015
že náš odkaz vypadá dostatečně
odlišně od okolního textu.

30
00:01:42,015 --> 00:01:43,933
Jinak budou naši uživatelé smutní.

31
00:01:43,991 --> 00:01:45,911
A pak budu smutná i já.

32
00:01:46,185 --> 00:01:48,380
A vy byste měli být taky.

33
00:01:48,774 --> 00:01:51,617
O vlastnostech textu bychom
si mohli povídat celý den.

34
00:01:51,617 --> 00:01:54,179
Ale nebudeme, protože nás
čeká spousta dalších věcí.

35
00:01:54,234 --> 00:01:56,108
Existují stovky CSS vlastností.

36
00:01:56,108 --> 00:01:58,325
A prohlížeče přidávají
každý rok další a další.

37
00:01:58,325 --> 00:02:00,562
Neřekneme si úplně o všech,

38
00:02:00,562 --> 00:02:03,187
ale řekneme si dost na to,
abyste vytvořili krásné stránky.

39
00:02:03,187 --> 00:02:06,489
A když budete dumat nad tím,
jestli neexistuje nějaká určitá vlastnost

40
00:02:06,489 --> 00:02:08,347
a nenajdete ji ani tady v dokumentaci,

41
00:02:08,347 --> 00:02:11,102
můžete ji zkusit najít
pomocí vašeho vyhledávače.

42
00:02:11,187 --> 00:02:12,737
Pokud byste si třeba říkali,

43
00:02:12,737 --> 00:02:15,308
jestli nejde nějak
k textu přidat jeho stín,

44
00:02:15,308 --> 00:02:17,961
stačí na Internetu
vyhledat "CSS text stín"

45
00:02:17,961 --> 00:02:19,570
a vypadne vám spousta výsledků.

46
00:02:19,570 --> 00:02:22,749
Obecně, umět na Internetu najít
odpovědi na vaše otázky

47
00:02:22,749 --> 00:02:25,449
je pro webového vývojáře
velmi důležitá dovednost.

48
00:02:25,449 --> 00:02:28,293
Spousta lidí před vámi
měla úplně stejné otázky

49
00:02:28,293 --> 00:02:31,778
a v 99 procentech případů
už odpověď někde existuje.

50
00:02:31,942 --> 00:02:34,835
Jen se musíte naučit ji najít.