CSS sa môže vzťahovať na ktorúkoľvek z nasledujúcich možností:
1. V skratke pre kaskádové štýly je CSS jazyk, ktorý sa používa na opis opakovane použiteľných štýlov na prezentáciu dokumentov napísaných v značkovacom jazyku. Jeho koncept vznikol v roku 1994 v spoločnosti Håkon Wium Lie. V decembri 1996 spoločnosť CSS vytvorila špecifikáciu W3C a dnes umožňuje vývojárom webových stránok meniť vzhľad a vzhľad svojich webových stránok. Napríklad CSS sa môže použiť na zmenu písma použitého v určitom prvku HTML, ako aj jeho veľkosti a farby. Jeden súbor CSS môže byť prepojený s viacerými stranami, čo vývojárovi umožňuje zmeniť vzhľad všetkých stránok súčasne.
Nasledujúce pole obsahuje základný príklad použitia kódu CSS na definovanie písma, farby hypertextových odkazov a farby odkazu, keď sa kurzor myši pohybuje nad. V tomto konkrétnom príklade meníme iba značky HTML a nie vytvárame žiadne nové výbery tried alebo id.
body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {color: # 000000; } A: navštívené {color: # 005177; } a: hover {color: # 005177; }
Kód CSS v poli vyššie sa dá vložiť do hlavovej časti HTML stránky pomocou nasledujúceho kódu. Nezabúdajte však, že vykonanie tejto akcie použije tieto zmeny iba na jednu stránku.
Ak chcete použiť kód CSS na viacerých stránkach, odporúčame vám ho uložiť do samostatného súboru CSS a potom ho načítať na každej stránke. Napríklad kód CSS uvedený v prvom poli na tejto stránke sa dá skopírovať a vložiť do súboru s príponou.css.
Tip
Ak používate systém Windows, súbor CSS je možné vytvoriť pomocou ľubovoľného textového editora alebo dokonca programu Poznámkový blok.
Po uložení sa súbor musí prepojiť v hlavičke HTML kódu pomocou thetag. Nasledujúce pole zobrazuje príklad použitého prvku.
Ak ste pomenovali súbor CSS example.css a nachádzajú sa v rovnakom adresári ako súbor HTML, z ktorého sa načítava, nasledujúci riadok by prepojil súbor CSS.
CSS3 je verzia CSS (Cascading Style Sheets), ktorá nahrádza CSS2. Zavádza nové selektory a vlastnosti, ktoré umožňujú väčšiu flexibilitu pri rozložení a prezentácii stránky. Niektoré aktualizácie, napríklad vlastnosť box-tieň (ktorá umožňuje pridanie tieňového tieňa k prvku), umožňujú použitie vizuálnych efektov bez potreby vytvárania špeciálnych obrázkov.