Ak by bol web dom, HTML by boli steny a miestnosti a CSS by bola omietka, farba stien a rozmiestnenie nábytku. Obsah je rovnaký, ale až CSS rozhodne, či pôsobí úhľadne a dôveryhodne.
Ako CSS funguje
CSS je súbor pravidiel typu „všetky nadpisy budú tmavomodré a veľké 32 pixelov“. Prehliadač si pravidlá prečíta a podľa nich vykreslí stránku. Výhoda je, že pravidlo stačí napísať raz a platí na celom webe. Keď chcete zmeniť farbu tlačidiel, zmeníte ju na jednom mieste a nie na každej stránke zvlášť.
Čo všetko dnes CSS zvláda
- Prispôsobenie mobilu. Ten istý web sa inak zobrazí na telefóne, tablete aj veľkom monitore.
- Rozloženie stránky. Stĺpce, mriežky kariet a zarovnanie bez zložitých trikov.
- Animácie a efekty. Jemné prechody, efekty pri prechode myšou či animácie pri posúvaní stránky, často bez jediného riadku JavaScriptu.
- Tmavý režim. Web sa môže prispôsobiť nastaveniu telefónu.
Prečo na tom záleží aj vám
Dobre napísané CSS je malé, prehľadné a postavené na jednotných pravidlách: rovnaké farby, rovnaké veľkosti písma, rovnaké medzery. Web potom pôsobí ako celok, rýchlejšie sa načíta a jeho úpravy sú lacnejšie, lebo programátor nehľadá, kde čo je.
Zlé CSS sa pozná podľa toho, že každá stránka vyzerá trochu inak, na mobile niečo „vytŕča“ a jednoduchá zmena farby zaberie hodiny. Ak nad redizajnom premýšľate, pozrite si našu službu tvorba webstránok.
Súvisiace pojmy: HTML, JavaScript, responzívny dizajn.