Základom tvorby stránok je HTML, o ktorom ste určite počuli, ak aj neviete čo presne znamená. Dôležitým programovacím jazykom je ale aj list kaskádových štýlov, CSS. Ako funguje kaskádový štýl, čo je jeho úlohou v tvorbe webových stránok a aké sú jeho výhody?  

Čo je CSS?

Cascading Style Sheets (CSS), v preklade list kaskádových štýlov, je programovací jazyk pre vizuálne zobrazenie kódu HTML, xHTML alebo XML. HTML je základom tvorby webstránok a používa sa na štruktúrovanie webového dokumentu, ako sú nadpisy, odseky, videá, vkladanie obrázkov a iné médiá. HTML bez CSS môže existovať, ale CSS bez HTML nie.

Ako funguje CSS

HTML, obsah dokumentu, sa od jeho vzhľadu (CSS) oddeľuje pomocou štruktúrovaných dokumentov kaskádových štýlov. Ich oddelenie umožní zmeniť farebnú schému web stránky bez toho, aby ste ju museli celú prepisovať. 

Kaskádový štýl znamená, že štýl použitý na nadradený prvok sa bude vzťahovať aj na všetky podriadené prvky. Napríklad nastavenie farby textu tela bude znamenať, že všetky nadpisy a odseky v tele budú mať rovnakú farbu.

CSS umožňuje prezentovať tú istú stránku v rôznych štýloch pre rôzne metódy vykresľovania, napríklad na obrazovke alebo prostredníctvom čítačky obrazovky. CSS má tiež pravidlá pre alternatívne formátovanie, ak je obsah prístupný na mobilnom zariadení.

Na čo sa používa CSS?

CSS je vlastne rozšírenie, ktoré určuje lepšie vizuálne zobrazenie stránky. S CSS môžete na stránke:

• určiť rozloženie stránky,
• odsadiť okraje,
• nastaviť farby a font písma,
• veľkosť textu,
• nastavovať obrázky ako tapetu a iné.

Výhody CSS

• Zlepšuje prístupnosť obsahu,
• poskytuje väčšiu flexibilitu a kontrolu pri určovaní charakteristík prezentácie,
• umožňuje zdieľanie formátovania viacerých webových stránok určením príslušného CSS v samostatnom súbore .css,
• znižuje zložitosť a opakovanie štrukturálneho obsahu.