CSS (kaskádové štýly) sú obľúbeným nástrojom pri navrhovaní webových stránok. Je ťažké si predstaviť mnohé webové aplikácie bez nich. Môžu urýchliť vytváranie a úpravu webových stránok. Súbor CSS je prakticky napísaný ako druh textového súboru a obsahuje pokyny pre návrh. Preto je možné použiť CSS aj pre všetky podstránky Úvodná stránka použiť rovnaký dizajn vyvolaním tohto súboru CSS v záhlaví príslušnej stránky. Pri zmene dizajnu stačí zmeniť súbor CSS, čo sa prejaví na všetkých upravovaných stránkach webového projektu.
Možnosti formátovania
Pomocou špeciálneho programovacieho jazyka CSS možno vykonať takmer všetky úlohy formátovania internetovej stránky, prinajmenšom tie, ktoré sa týkajú dizajnu. CSS možno použiť aj na vytvorenie rámčekov rôznych odtieňov a jednoduchej grafiky. Písma a veľkosti písma sa definujú raz v súbore CSS a sú tak automaticky k dispozícii v celom katalógu alebo firemnej prezentácii. Existuje veľa možností variácií, pretože niektoré oblasti, ako napríklad nadpisy, obsah tabuľky, nadpisy alebo poznámky pod čiarou, možno definovať samostatne. Prostredníctvom CSS možno deklarovať rôzne farebné pozadia so vzormi alebo bez nich. Pomocou CSS možno realizovať rôzne odrážky, rôzne dynamické prvky a mnoho ďalšieho. Ak to nechcete robiť iným spôsobom, môžete takto integrovať aj obrázky, videá a zvukové sekvencie.
Syntax
Podľa usmernení W3C podliehajú vlastnosti, ktoré sa majú zobrazovať, určitým súborom pravidiel. V nich sa nachádzajú selektory, ktoré priraďujú príslušnej vlastnosti v hranatých zátvorkách určitú hodnotu. Napríklad v prípade farby nadpisu druhého rádu to môže vyzerať takto: h2 { color: green; } Namiesto "zelenej" by tu mohlo byť aj číslo farby. "h2" by bol selektor, "color" vlastnosť a "green" priradená hodnota. Samozrejme, je možné priradiť niekoľko vlastností naraz. Dôležité sú medzery za úvodnými a pred uzatváracími zátvorkami a stredníky na konci každého zadania. Kvôli prehľadnosti sa odporúča usporiadať každú vlastnosť do ďalšieho riadku. V prípade rozsiahlych projektov je vhodné použiť aj Webová lokalita potom neviditeľné interné komentáre majú zmysel.
Oblasti použitia a špeciálne vlastnosti
Kaskádové štýly sa pomerne ľahko integrujú do projektov HTML a PHP. HTML (Hyper Text Markup Language) bol spočiatku najrozšírenejšou oblasťou použitia. Tu je možné vložiť jednotlivé štýly do súboru HTML pomocou príkazov štýlov. Kaskádové štýly, t. j. niekoľko prvkov dizajnu, sú definované v samostatnom súbore a vyvolané buď v určitej oblasti súboru HTML, alebo, čo je výhodnejšie, v hlavičke ako externý súbor. V PHP (Hypertext Preprocessor - vlastne Personal Home Page Tools) sú CSS nielen integrované ako súbory *.css, ale aj prepojené s príkazmi PHP. V zásade je možná aj kombinácia PHP a HTML. Modernejším variantom je práca s databázami, v ktorých sa v prípade MySQL napríklad vlastnosti webového projektu sú generované prostredníctvom PHP a CSS. Podobné techniky využíva množstvo databázových systémov. Okrem toho sa však zvyčajne používajú aj iné programovacie jazyky, ktoré tiež využívajú CSS. Nanešťastie existujú určité špecifiká týkajúce sa operačných systémov a prehliadačov, ktoré je potrebné zohľadniť. Nie všetky efekty vyzerajú v každom prehliadači rovnako, niektoré dokonca nie sú interpretované všetkými. Preto je často potrebné zohľadniť rôzne verzie v závislosti od prehliadača a operačného systému pri spôsobe priradenia hodnôt vlastnostiam v CSS. Na tento účel sa zvyčajne z hlavičky súboru HTML alebo PHP, resp. z databázového systému zistí použitý operačný systém a vyvolaný prehliadač a priradí sa správna verzia CSS.
výhody a nevýhody
CSS sú vítaným doplnkom a zjednodušením projektov HTML a PHP. Sú logicky štruktúrované a možno sa ich naučiť pomerne rýchlo. Chyba v súbore CSS sa však zobrazí na viacerých stránkach, ale dá sa rýchlo opraviť. Existujú problémy s exotickými fontmi a cudzojazyčnými sadami. Preto by ste mali prijať preventívne opatrenia a určiť alternatívny variant. V prípade špeciálneho písma by sa predň mohla priradiť hodnota pre písmo, ktoré je bežne dostupné všade. CSS použiť na použitie poslednej pomenovanej hodnoty vlastnosti. Ak sa však nedá reprezentovať, ignoruje sa. Ak ste pred touto úlohou priradili obyčajné písmo, bude sa považovať za posledné interpretovateľné a vaša stránka sa bude stále zobrazovať použiteľným spôsobom. Cudzojazyčné súbory a iné špeciálne funkcie musia byť integrované do webového projektu prostredníctvom HTML, PHP alebo iného programovacieho jazyka alebo v prípade potreby presmerované na anglickú stránku.