CSS
Kaskádové štýly CSS (Cascade Style Sheet) poskytujú spôsob, ako jednoduchým spôsobom zabezpečiť jednotný vzhľad webových stránok (písma, pozadia, farieb, atď.). Priraďujeme jednotlivým značkám jazyka HTML a XHTML ich vzhľadové atribúty, (spôsob zobrazovania, farba, šírka, výška, typ písma, podklad, pozícia na stránke...). Pôvodná verzia HTML predpokladala formátovanie textu až pri zobrazení stránky pomocou HTML značiek. V súčasnosti sa preferuje oddelenie významu obsahu stránky od jej vzhľadu, čo veľmi dobre umožňujú priamo kaskádové štýly. Veľmi výhodné je to pri väčšom webe s viacerými stránkami, ak požadujeme ich podobný vzhľad. Definícia štýlu je priamo v hlavičke dokumentu, ale častejšie a efektívnejšie je uloženie štýlu v externom súbore, na ktorý je v dokumente uvádzaný odkaz. Niektoré druhy formátovania sa dajú dosiahnuť len pomocou CSS. Jazyk bol navrhnutý a štandardizovaný organizáciou W3C. Boli vydané zatiaľ dve úrovne špecifikácie CSS1 a CSS2, dokončuje sa revízia CSS 2.1 a pracuje sa na verzii CSS3.
Výhody
Používanie kaskádových štýlov v porovnaní so samotným HTML formátovaním pomocou tagov a ich atribútov v praxi prináša výhody:
-Rozsiahlejšie možnosti formátovania. Napríklad pre formátovanie bloku textu – tj. určenie
vzdialenosti od elementu či okraja stránky neponúka HTML nič. CSS má vlastnosti padding
a margin. V HTML by bolo potrebné vytvoriť zložitú konštrukciu vnorených tabuliek.
-Jednoduchšia údržba webovej prezentácie. Ak chceme zmeniť nejaký detail, ako napríklad
farbu nadpisu, nemusíme zložito prechádzať HTML kód alebo rôzne HTML šablóny, ale
môžeme zmeniť iba jednu vlastnosť v CSS súbore, ktorý je vztiahnutý ku všetkým stránkam.
-Oddelenie štruktúry a štýlu. V jednom (HTML) dokumente budeme mať iba sémanticky
označený obsah, a v druhom (CSS) dokumente máme definíciu vzhľadu stránok. Tým
dosiahneme ľahšie strojové spracovanie samotného obsahu stránok, do ktorého sa nám nepletú prvky definujúce vzhľad.
-Cachovanie štýlov. Webový prehliadač si môže súbor so štýlmi uložiť do cache pamäte, čím sa môže dosiahnuť zrýchlenie načítania stránky. Na druhú stranu pri použití externého CSS súboru dochádza k ďalšiemu HTTP požiadavku navyše oproti tomu, keď by sme použili buď inline CSS alebo priame formátovanie HTML.
-Dynamické zmeny obsahu. CSS vlastnosti jednotlivých elementov môžeme dynamicky meniť
pomocou JavaScriptu.
-Rôzne štýly pre rôzne výstupné zariadenia. Jednoducho tak môžeme definovať rôzny štýl pre
tlač, projekciu, mobil, PDA, bežný prehliadač alebo dokonca pre každý prehliadač iný štýl.
Špecifikácie CSS nezabúdajú ani na zrakovo postihnutých – je možné napísať štýly pre hlasový syntetizátor alebo hmatovú čítačku Braillovho písma.
-Koncový používateľ si môže napísať svoj vlastný CSS štýl pre ľubovoľnú stránku. Väčšina
prehliadačov nejakým spôsobom podporuje používateľské štýly, takže používateľ si môže
napríklad nastaviť, aby mal všetky odkazy na všetkých weboch vždy podčiarknuté alebo aby na tomto konkrétnom webe malo písmo vždy čiernu farbu.
Nevýhody
-Hlavnou nevýhodou je nekompatibilita s rôznymi verziami internetových prehliadačov. Prehliadače obsahujú v implementácii CSS chyby a je niekedy ťažké napísať kód tak, aby sa vo všetkých (resp. v bežných) prehliadačoch výsledok zobrazil rovnako.
-Problémy s cachovaním. Cachovanie bolo uvedené aj pri výhodách, ale ak máme CSS zapísané v externom súbore, môže vzniknúť aj problém: nenačíta sa vždy aktuálny obsah CSS súboru, pretože ten je uložený v cache pamäti.
Ďakujem, že ste si prečítali môj článok a dúfam, že sa vám páčil a že ste sa niečo nové dozvedeli.
Prajem pekný zvyšok dňa :)
