-
CSS vlastností
je nekonečně mnoho.
-
Ukážeme si několik dalších.
-
Co kdybychom chtěli změnit
-
mezery mezi řádky
v textu mojí písničky?
-
Můžeme použít vlastnost 'line-height'
-
a její hodnotu nastavit třeba na 15 pixelů.
-
Možná bude lepší 1,5 em,
pak bude výška řádku rovna
-
150 procentům velikosti textu,
ať už je jakákoliv.
-
Co kdybychom chtěli zarovnat
slova písničky na střed?
-
K tomu můžeme využít vlastnost
'text-align' a její hodnotu 'center'.
-
Taky ji mohu změnit na 'right' (vpravo)
nebo 'justified' (do bloku),
-
ale to by asi vypadalo trochu zvláštně.
-
A co kdybychom chtěli podtrhnout
celý text v prvním odstavci?
-
K tomu lze využít
vlastnost 'text-decoration'
-
a uvést hodnotu 'underline'.
-
A co kdybychom chtěli odstranit
podtržení našich odkazů,
-
jako třeba ten na Wikipedii?
-
Prohlížeč má základní sadu stylů,
kterou používá všude.
-
Například odkazy mají základní styl
'text-decoration: underline'.
-
Ale pomocí CSS můžeme
tyto základní styly přepsat,
-
a uvést 'text-decoration: none'.
-
Stačí přidat pravidlo sem:
a { text-decoration: none; }
-
A teď vidíme, že odkaz
už není podtržený.
-
Ale na tohle si musíme dávat pozor,
-
protože základní styly jsou tam
z dobrého důvodu.
-
Pokud odkazy nebudou podtržené,
jak lidi poznají, že to jsou odkazy?
-
Co když na ně nikdy nekliknou, protože si
budou myslet, že to je jen obyčejný text?
-
Pokud opravdu odstraníme
podtržení, musíme si být jistí,
-
že náš odkaz vypadá dostatečně
odlišně od okolního textu.
-
Jinak budou naši uživatelé smutní.
-
A pak budu smutná i já.
-
A vy byste měli být taky.
-
O vlastnostech textu bychom
si mohli povídat celý den.
-
Ale nebudeme, protože nás
čeká spousta dalších věcí.
-
Existují stovky CSS vlastností.
-
A prohlížeče přidávají
každý rok další a další.
-
Neřekneme si úplně o všech,
-
ale řekneme si dost na to,
abyste vytvořili krásné stránky.
-
A když budete dumat nad tím,
jestli neexistuje nějaká určitá vlastnost
-
a nenajdete ji ani tady v dokumentaci,
-
můžete ji zkusit najít
pomocí vašeho vyhledávače.
-
Pokud byste si třeba říkali,
-
jestli nejde nějak
k textu přidat jeho stín,
-
stačí na Internetu
vyhledat "CSS text stín"
-
a vypadne vám spousta výsledků.
-
Obecně, umět na Internetu najít
odpovědi na vaše otázky
-
je pro webového vývojáře
velmi důležitá dovednost.
-
Spousta lidí před vámi
měla úplně stejné otázky
-
a v 99 procentech případů
už odpověď někde existuje.
-
Jen se musíte naučit ji najít.
