CSS (Cascading Style Sheet) on tapa suunnitella verkkosivusto tai verkkosivustojen ryhmä siten, että niiden ulkoasu on yhtenäinen ja ulkoasua on helppo muuttaa. Käyttämällä CSS: ää verkkosivuston suunnitteluun web -kehittäjä saa paremman hallinnan sivuston ulkoasusta.
Verkkokehittäjä voi käyttää CSS -tiedostoa hallitakseen verkkosivuston ulkoasua kolmella tavalla. Ensimmäistä tapaa kutsutaan inline -viittauksena siihen, että koodi sijoitetaan suoraan verkkosivuston koodiriville. Esimerkiksi verkkokehittäjä saattaa haluta saada tietyn lauseen näkymään lihavoituna punaisena, jotta se erottuu. Hän voisi asettaa CSS: n avulla lauseen tyylin lihavoituksi ja punaiseksi käyttämällä upotettua koodia. Tämän menetelmän etuna on, että se mahdollistaa nopean ja helpon muutoksen tiettyyn verkkosivun osaan.
Toinen tapa, jolla web -kehittäjä voi käyttää CSS: ää, on luoda sääntöjä yhdelle verkkosivulle. Tässä tapauksessa kehittäjä käyttää upotettua CSS: ää. Kehittäjä voi esimerkiksi tehdä jokaisen uuden kappaleen sisennyksen ja jokaisen otsikon lihavoituna. Upotetut ohjeet sijoitetaan yleensä verkkosivun koodin yläreunaan.
Tämän ansiosta kehittäjä voi muuttaa upotetun koodin kerran ja vaikuttaa kaikkiin sivuihin. Jos hän päätti laittaa kaikki otsikot kursiivilla lihavoidun tekstin sijasta, hän voisi yksinkertaisesti muuttaa tyylin koodausta ja kaikki sivun otsikot muuttuisivat. Tällä on etu inline -menetelmään nähden, koska se kattaa koko verkkosivun ja muutoksia voidaan tehdä koko sivulle kerralla.
Viimeinen yleinen CSS -tyyppi on ulkoinen CSS. Verkkokehittäjä kirjoittaa koodin, jota sovelletaan koko verkkosivuryhmään, koko verkkosivustoon tai jopa useisiin verkkosivustoihin. Nämä säännöt voivat sisältää esimerkiksi taustaväriä, tekstin väriä, sanavälejä ja muita sivun asettelun elementtejä, aivan kuten kaksi edellistä CSS -esimerkkiä.
Ero on siinä, että nämä ohjeet eivät koske yksittäistä sivun osaa tai vain yhtä verkkosivua, vaan koko verkkosivustoa. Etuna on, että koko sivuston ulkoasua voidaan muuttaa kerralla tekemällä muutoksia ulkoiseen tyylitaulukkoon. Jos suunnittelija haluaa kokeilla uutta taustaväriä tai uutta fonttia koko verkkosivustolle, hän voi tehdä sen muuttamalla muutaman rivin ulkoisessa koodissa sen sijaan, että menisi kullekin sivulle erikseen ja tekisi muutoksia siellä.
Sekä upotetun että ulkoisen CSS: n haitat ovat, että suuren tyylitaulukon luomiseen, joka kattaa suuren osan asettelusta, on enemmän aikaa kuin yksittäisten rivien pienempien muutosten tekemiseen. Verkkosuunnittelijan on päätettävä, onko pitkällä aikavälillä tehokkaampaa tehdä yksittäisiä inline -ohjeita vai tehdä upotettu tai ulkoinen CSS, joka huolehtii monista suunnitteluominaisuuksista samanaikaisesti.