[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.51,0:00:04.09,Default,,0000,0000,0000,,CSS vlastností\Nje nekonečně mnoho.
Dialogue: 0,0:00:04.29,0:00:06.04,Default,,0000,0000,0000,,Ukážeme si několik dalších.
Dialogue: 0,0:00:06.25,0:00:08.72,Default,,0000,0000,0000,,Co kdybychom chtěli změnit
Dialogue: 0,0:00:08.72,0:00:12.05,Default,,0000,0000,0000,,mezery mezi řádky\Nv textu mojí písničky?
Dialogue: 0,0:00:12.44,0:00:15.90,Default,,0000,0000,0000,,Můžeme použít vlastnost 'line-height'
Dialogue: 0,0:00:15.90,0:00:19.00,Default,,0000,0000,0000,,a její hodnotu nastavit třeba na 15 pixelů.
Dialogue: 0,0:00:19.21,0:00:24.76,Default,,0000,0000,0000,,Možná bude lepší 1,5 em,\Npak bude výška řádku rovna
Dialogue: 0,0:00:24.76,0:00:28.03,Default,,0000,0000,0000,,150 procentům velikosti textu,\Nať už je jakákoliv.
Dialogue: 0,0:00:28.45,0:00:32.08,Default,,0000,0000,0000,,Co kdybychom chtěli zarovnat\Nslova písničky na střed?
Dialogue: 0,0:00:32.13,0:00:36.23,Default,,0000,0000,0000,,K tomu můžeme využít vlastnost\N'text-align' a její hodnotu 'center'.
Dialogue: 0,0:00:36.23,0:00:39.73,Default,,0000,0000,0000,,Taky ji mohu změnit na 'right' (vpravo)\Nnebo 'justified' (do bloku),
Dialogue: 0,0:00:39.73,0:00:42.11,Default,,0000,0000,0000,,ale to by asi vypadalo trochu zvláštně.
Dialogue: 0,0:00:42.11,0:00:45.33,Default,,0000,0000,0000,,A co kdybychom chtěli podtrhnout\Ncelý text v prvním odstavci?
Dialogue: 0,0:00:45.90,0:00:49.43,Default,,0000,0000,0000,,K tomu lze využít\Nvlastnost 'text-decoration'
Dialogue: 0,0:00:49.43,0:00:52.78,Default,,0000,0000,0000,,a uvést hodnotu 'underline'.
Dialogue: 0,0:00:53.22,0:00:56.68,Default,,0000,0000,0000,,A co kdybychom chtěli odstranit\Npodtržení našich odkazů,
Dialogue: 0,0:00:56.68,0:00:58.47,Default,,0000,0000,0000,,jako třeba ten na Wikipedii?
Dialogue: 0,0:00:58.72,0:01:01.79,Default,,0000,0000,0000,,Prohlížeč má základní sadu stylů,\Nkterou používá všude.
Dialogue: 0,0:01:01.79,0:01:05.47,Default,,0000,0000,0000,,Například odkazy mají základní styl\N'text-decoration: underline'.
Dialogue: 0,0:01:05.47,0:01:09.31,Default,,0000,0000,0000,,Ale pomocí CSS můžeme\Ntyto základní styly přepsat,
Dialogue: 0,0:01:09.31,0:01:11.90,Default,,0000,0000,0000,,a uvést 'text-decoration: none'.
Dialogue: 0,0:01:12.05,0:01:19.34,Default,,0000,0000,0000,,Stačí přidat pravidlo sem:\Na { text-decoration: none; }
Dialogue: 0,0:01:20.28,0:01:22.82,Default,,0000,0000,0000,,A teď vidíme, že odkaz\Nuž není podtržený.
Dialogue: 0,0:01:22.93,0:01:24.100,Default,,0000,0000,0000,,Ale na tohle si musíme dávat pozor,
Dialogue: 0,0:01:24.100,0:01:27.62,Default,,0000,0000,0000,,protože základní styly jsou tam\Nz dobrého důvodu.
Dialogue: 0,0:01:27.70,0:01:31.40,Default,,0000,0000,0000,,Pokud odkazy nebudou podtržené,\Njak lidi poznají, že to jsou odkazy?
Dialogue: 0,0:01:31.40,0:01:35.34,Default,,0000,0000,0000,,Co když na ně nikdy nekliknou, protože si\Nbudou myslet, že to je jen obyčejný text?
Dialogue: 0,0:01:35.34,0:01:38.68,Default,,0000,0000,0000,,Pokud opravdu odstraníme\Npodtržení, musíme si být jistí,
Dialogue: 0,0:01:38.68,0:01:42.02,Default,,0000,0000,0000,,že náš odkaz vypadá dostatečně\Nodlišně od okolního textu.
Dialogue: 0,0:01:42.02,0:01:43.93,Default,,0000,0000,0000,,Jinak budou naši uživatelé smutní.
Dialogue: 0,0:01:43.99,0:01:45.91,Default,,0000,0000,0000,,A pak budu smutná i já.
Dialogue: 0,0:01:46.18,0:01:48.38,Default,,0000,0000,0000,,A vy byste měli být taky.
Dialogue: 0,0:01:48.77,0:01:51.62,Default,,0000,0000,0000,,O vlastnostech textu bychom\Nsi mohli povídat celý den.
Dialogue: 0,0:01:51.62,0:01:54.18,Default,,0000,0000,0000,,Ale nebudeme, protože nás\Nčeká spousta dalších věcí.
Dialogue: 0,0:01:54.23,0:01:56.11,Default,,0000,0000,0000,,Existují stovky CSS vlastností.
Dialogue: 0,0:01:56.11,0:01:58.32,Default,,0000,0000,0000,,A prohlížeče přidávají\Nkaždý rok další a další.
Dialogue: 0,0:01:58.32,0:02:00.56,Default,,0000,0000,0000,,Neřekneme si úplně o všech,
Dialogue: 0,0:02:00.56,0:02:03.19,Default,,0000,0000,0000,,ale řekneme si dost na to,\Nabyste vytvořili krásné stránky.
Dialogue: 0,0:02:03.19,0:02:06.49,Default,,0000,0000,0000,,A když budete dumat nad tím,\Njestli neexistuje nějaká určitá vlastnost
Dialogue: 0,0:02:06.49,0:02:08.35,Default,,0000,0000,0000,,a nenajdete ji ani tady v dokumentaci,
Dialogue: 0,0:02:08.35,0:02:11.10,Default,,0000,0000,0000,,můžete ji zkusit najít\Npomocí vašeho vyhledávače.
Dialogue: 0,0:02:11.19,0:02:12.74,Default,,0000,0000,0000,,Pokud byste si třeba říkali,
Dialogue: 0,0:02:12.74,0:02:15.31,Default,,0000,0000,0000,,jestli nejde nějak\Nk textu přidat jeho stín,
Dialogue: 0,0:02:15.31,0:02:17.96,Default,,0000,0000,0000,,stačí na Internetu\Nvyhledat "CSS text stín"
Dialogue: 0,0:02:17.96,0:02:19.57,Default,,0000,0000,0000,,a vypadne vám spousta výsledků.
Dialogue: 0,0:02:19.57,0:02:22.75,Default,,0000,0000,0000,,Obecně, umět na Internetu najít\Nodpovědi na vaše otázky
Dialogue: 0,0:02:22.75,0:02:25.45,Default,,0000,0000,0000,,je pro webového vývojáře\Nvelmi důležitá dovednost.
Dialogue: 0,0:02:25.45,0:02:28.29,Default,,0000,0000,0000,,Spousta lidí před vámi\Nměla úplně stejné otázky
Dialogue: 0,0:02:28.29,0:02:31.78,Default,,0000,0000,0000,,a v 99 procentech případů\Nuž odpověď někde existuje.
Dialogue: 0,0:02:31.94,0:02:34.84,Default,,0000,0000,0000,,Jen se musíte naučit ji najít.