WEBVTT

00:00:00.512 --> 00:00:04.092
CSS vlastností
je nekonečně mnoho.

00:00:04.286 --> 00:00:06.035
Ukážeme si několik dalších.

00:00:06.253 --> 00:00:08.723
Co kdybychom chtěli změnit

00:00:08.723 --> 00:00:12.054
mezery mezi řádky
v textu mojí písničky?

00:00:12.439 --> 00:00:15.903
Můžeme použít vlastnost 'line-height'

00:00:15.903 --> 00:00:19.001
a její hodnotu nastavit třeba na 15 pixelů.

00:00:19.212 --> 00:00:24.755
Možná bude lepší 1,5 em,
pak bude výška řádku rovna

00:00:24.755 --> 00:00:28.034
150 procentům velikosti textu,
ať už je jakákoliv.

00:00:28.451 --> 00:00:32.075
Co kdybychom chtěli zarovnat
slova písničky na střed?

00:00:32.133 --> 00:00:36.232
K tomu můžeme využít vlastnost
'text-align' a její hodnotu 'center'.

00:00:36.232 --> 00:00:39.730
Taky ji mohu změnit na 'right' (vpravo)
nebo 'justified' (do bloku),

00:00:39.730 --> 00:00:42.108
ale to by asi vypadalo trochu zvláštně.

00:00:42.108 --> 00:00:45.327
A co kdybychom chtěli podtrhnout
celý text v prvním odstavci?

00:00:45.895 --> 00:00:49.430
K tomu lze využít
vlastnost 'text-decoration'

00:00:49.430 --> 00:00:52.778
a uvést hodnotu 'underline'.

00:00:53.224 --> 00:00:56.685
A co kdybychom chtěli odstranit
podtržení našich odkazů,

00:00:56.685 --> 00:00:58.473
jako třeba ten na Wikipedii?

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

00:01:01.792 --> 00:01:05.473
Například odkazy mají základní styl
'text-decoration: underline'.

00:01:05.473 --> 00:01:09.311
Ale pomocí CSS můžeme
tyto základní styly přepsat,

00:01:09.311 --> 00:01:11.900
a uvést 'text-decoration: none'.

00:01:12.049 --> 00:01:19.335
Stačí přidat pravidlo sem:
a { text-decoration: none; }

00:01:20.283 --> 00:01:22.815
A teď vidíme, že odkaz
už není podtržený.

00:01:22.929 --> 00:01:24.998
Ale na tohle si musíme dávat pozor,

00:01:24.998 --> 00:01:27.623
protože základní styly jsou tam
z dobrého důvodu.

00:01:27.698 --> 00:01:31.404
Pokud odkazy nebudou podtržené,
jak lidi poznají, že to jsou odkazy?

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?

00:01:35.342 --> 00:01:38.680
Pokud opravdu odstraníme
podtržení, musíme si být jistí,

00:01:38.680 --> 00:01:42.015
že náš odkaz vypadá dostatečně
odlišně od okolního textu.

00:01:42.015 --> 00:01:43.933
Jinak budou naši uživatelé smutní.

00:01:43.991 --> 00:01:45.911
A pak budu smutná i já.

00:01:46.185 --> 00:01:48.380
A vy byste měli být taky.

00:01:48.774 --> 00:01:51.617
O vlastnostech textu bychom
si mohli povídat celý den.

00:01:51.617 --> 00:01:54.179
Ale nebudeme, protože nás
čeká spousta dalších věcí.

00:01:54.234 --> 00:01:56.108
Existují stovky CSS vlastností.

00:01:56.108 --> 00:01:58.325
A prohlížeče přidávají
každý rok další a další.

00:01:58.325 --> 00:02:00.562
Neřekneme si úplně o všech,

00:02:00.562 --> 00:02:03.187
ale řekneme si dost na to,
abyste vytvořili krásné stránky.

00:02:03.187 --> 00:02:06.489
A když budete dumat nad tím,
jestli neexistuje nějaká určitá vlastnost

00:02:06.489 --> 00:02:08.347
a nenajdete ji ani tady v dokumentaci,

00:02:08.347 --> 00:02:11.102
můžete ji zkusit najít
pomocí vašeho vyhledávače.

00:02:11.187 --> 00:02:12.737
Pokud byste si třeba říkali,

00:02:12.737 --> 00:02:15.308
jestli nejde nějak
k textu přidat jeho stín,

00:02:15.308 --> 00:02:17.961
stačí na Internetu
vyhledat "CSS text stín"

00:02:17.961 --> 00:02:19.570
a vypadne vám spousta výsledků.

00:02:19.570 --> 00:02:22.749
Obecně, umět na Internetu najít
odpovědi na vaše otázky

00:02:22.749 --> 00:02:25.449
je pro webového vývojáře
velmi důležitá dovednost.

00:02:25.449 --> 00:02:28.293
Spousta lidí před vámi
měla úplně stejné otázky

00:02:28.293 --> 00:02:31.778
a v 99 procentech případů
už odpověď někde existuje.

00:02:31.942 --> 00:02:34.835
Jen se musíte naučit ji najít.