Správné psaní
Než se pustíme do psaní kaskádových stylů povíme si několik základních pravidel, to aby jsme předešli zbytečným potížím a otázkám proč to nefunguje. Pokud to nefunguje a podle všeho zadaný styl je prohlížečem určitě podporován, z největší pravděpodobností je špatně zadán kaskádový styl nebo jeho parametr. Nejčastěji se jedná o přehození písmen nebo zapomenutí oddělovače mezi jednotlivými styly.
Velikost písmen
V CSS jazyce stejně jako v HTML jazyce na velikosti písmen nezáleží, ale pozor při použití DOM CSS na velikosti jednotlivých písmen záleží. Proto vám doporučuji vždy dodržovat přesnou velikost písmen tak jak je zadáno v manuálu, který vychází ze standardu CSS.
Abecední seřazení
I když v CSS jazyce není povinné seřazovat jednotlivé kaskádové styly podle abecedy. Já osobně ze své zkušenosti vím, že mi nechtěl kaskádový styl fungovat, po dlouhém testování jsem styly seřadil podle abecedy a vše fungovalo. Nejspíše se jednalo o skrytou chybu v prohlížeči, ale já jsem se zapotil než jsem na ni přišel.
Oddělovač stylů
Pokud zadáváte pouze jeden kaskádový styl ukončení stylu oddělovačem je nepovinné. Pokud zadáváte více jak jeden kaskádový styl musíte je oddělit středníkem ";
" (Alt+059). Proto aby jste předešly problémům zadávejte tento oddělovač za každý kaskádový styl.
Popis kaskádového stylu
Kaskádovým stylem můžeme nastavit a také může platit pro HTML tág nebo stejnou skupinu HTML tagu. Nastavení můžete uplatit zadáním selektoru nebo CSS třídy, anebo také selektorem a CSS třídou.
Selektor
Selektor je HTML tág (DIV) nebo seznam HTML tágu. V tomto případě by se jednalo o nastavení pouze pro HTML tág DIV. Přesné použití selektorů naleznete na jiné stránce v této nápovědě. (viz Selektor)
CSS třída
CSS třída je stanovena a nastavuje různé HTML tágy. Pokud je před třídou zadán selektor (HTML tág) bude tato třída platit pouze pro HTML tág, který se odkazuje atributem CLASS="jméno_třídy"
na jméno CSS třídy. Přesný popis CSS třídy naleznete na jiné stránce v této nápovědě. (viz CSS třída)
Přesné zadání stylu se zadává mezi špičaté závorky, takže celá syntaxe kaskádového stylu je:
selektor.css_třída { zadání CSS stylu; }
Příklad:
/* při zadání jednoho parametru není potřeba ukončení středníkem */ DIV { color: #008000 } /* při zadání více parametrů, jednotlivé parametry musíme oddělit středníkem. */ div { background-color: #008080; color: #FFFF00; }