CSS je kaskádová šablóna štýlov, ktorá sa používa na vytváranie vizuálnych prvkov na stránke internetových zdrojov. Vykreslenie objektov špecifikovaných v CSS je implementované v značkovacom jazyku HTML. Samotné kaskádové tabuľky nemožno použiť samostatne.
Pomocou CSS
CSS je štýlový jazyk, ktorý implementuje vykreslenie prvkov značiek HTML. Kaskádové tabuľky vám umožňujú prispôsobiť možnosti, ktoré sa v HTML nedajú zmeniť. Napríklad pomocou jazyka štýlov môžete upraviť štýl a farbu písma. CSS umožňuje nastaviť okraje, čiary, výplň, šírku, umiestnenie prvkov a vykonať výstup tých parametrov, ktoré nie je možné implementovať pomocou „čistého“HTML.
Kaskádové štýly sú podporované takmer všetkými prehľadávačmi a používajú sa takmer v každom webovom prostriedku. Ovládajú zobrazovanie obsahu pomocou zadaného jazyka a umožňujú vám ovládať zobrazovanie položiek pre rôzne médiá.
Ak sa HTML používa iba ako prostriedok na štruktúrovanie textu stránky, CSS vám umožní prispôsobiť zobrazenie zobrazeného obsahu.
Syntax CSS a jej začlenenie do HTML kódu
Pri návrhu stránky je vhodnejšie použiť CSS pred nástrojmi HTML. Pravda je, že HTML pôvodne nemalo prostriedky na úpravu farby prvkov a nebolo určené na nastavenie parametrov farieb a zobrazenia, a preto môže byť použitie webových deskriptorov HTML na vytvorenie dizajnu považované niektorými webovými vývojármi za nesprávne.
CSS má inú syntax ako HTML a je zahrnutý v kóde stránky prostredníctvom značiek. Môžete tiež integrovať kód CSS, ktorý je v samostatnom súbore, pomocou značky parametrov:
Kód CSS má určitú syntax, ktorú je potrebné striktne dodržiavať, inak sa vygenerované štýly na stránke nezobrazia. Časť kódu CSS možno rozdeliť na 3 hlavné prvky: selektor, vlastnosť a hodnota. Tieto položky sú napísané nasledovne:
selektor {property: value; }
Selektor určuje rukoväť, na ktorú sa vygenerované pravidlo zobrazenia vzťahuje. Parameter vlastnosti definuje upraviteľný aspekt prvku a hodnota definuje zodpovedajúcu možnosť pre vlastnosť. Napríklad na zmenu farby v nadpise druhej úrovne
HTML, môžete použiť nasledujúci kód:
h2 {farba: červená; }
Tento kód nastaví farbu textu na červenú, ktorá sa nachádza v deskriptore hlavičiek druhej úrovne.
CSS používa štandardnú tabuľku farieb HTML.
Okrem používania značiek môžete použiť aj interné značky. Napríklad:
Nadpis
Tento kód je totožný s kódom opísaným vyššie, s tým rozdielom, že samotné parametre CSS boli nastavené vo vnútri deskriptora potrebného na úpravy.