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.