CSS (skratka z anglického Cascading Style Sheets) bolo vytvorené na to aby sa uľahčilo pridávanie dizajnu do stránok. Problém mali hlavne developeri veľkých stránok, lebo pre nich to znamenalo, že na každú stránku musia osobitne pridávať dizajn. Preto vyvinuli CSS. CSS vyriešilo tento problém týmto, že keď si stiahnete jeden CSS súbor tak ten dizajn potom môžete použiť na všetkých stránkach. Predtým ste si museli sťahovať zakaždým pre každú stránku a to bolo pomalé. CSS súbor funguje tak, že v HTML iba dáte odkaz na tento súbor a prehliadač vie, že má použiť dekoráciu ktorá je v danom súbore.
V CSS sa nepoužívajú žiadne tagy. Samotné CSS sa ani za žiadnych okolností nevykresluje. CSS iba určí atribúty veciam ktoré sa vykreslujú a prehliadač potom vie ako ich vykresliť. Keď ste prechádzali predošlé lekcie tak si uvedomíte, že CSS je vlastne pomerne podobné tomu čo sme už robili. Akurát tuto to budeme písať do samostatného súboru a nie do stránky. Takže použitie bude flexibilnejšie.
CSS súbor môžete takisto robiť aj v notepade. Keď chcete niečo pokročilejšie tak by som vám osobne odporučil Sublime. Je to veľmi jednoduché na začiatok a ľahko sa v tom robí. Keď potom chcete následne použiť dizajn ktorý ste tam urobili, tak do HTML súboru dáte:
<link rel="stylesheet" type="text/css" href="dizajn.css">
Toto musí ísť do headu lebo je to meta informácia. Ako veľkosť atribúta href musíte dať adresu kde máte uloženy súbor s CSS.
Je nutné aby súbor s CSS mal typ .css to znamená, že názov súboru by mal končiť .css, inak to nebude fungovať.