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.