Mis on CSS?

Cascading Style Sheet (CSS) on viis veebisaidi või veebisaitide rühma kujundamiseks nii, et neil oleks ühtlane välimus ja tunnetus ning et nende välimust ja tunnet oleks lihtne muuta. Kasutades CSS-i veebisaidi kujundamiseks, saab veebiarendaja suurema kontrolli saidi välimuse üle.

Veebiarendaja saab CSS-faili abil veebisaidi välimust juhtida kolmel peamisel viisil. Esimest moodust nimetatakse tekstisiseseks, viidates asjaolule, et kood asetatakse otse veebisaidi koodi reale. Näiteks võib veebiarendaja soovida, et teatud lause oleks paksus punases kirjas, et see silma paistaks. Ta võis kasutada CSS-i, et määrata selle lause stiili paksuks ja punaseks, kasutades tekstisisest koodi. Selle meetodi eeliseks on see, et see võimaldab kiiresti ja lihtsalt muuta veebilehe teatud osa.

Teine viis, kuidas veebiarendaja saab CSS-i kasutada, on ühe veebilehe jaoks reeglite koostamine. Sel juhul kasutaks arendaja nn manustatud CSS-i. Näiteks võib arendaja teha iga uue lõigu taande ja iga päise paksus kirjas. Manustatud juhised paigutatakse tavaliselt veebilehe koodi ülaossa.

See võimaldab arendajal manustatud koodi üks kord muuta ja mõju avaldatakse kogu lehel. Kui ta otsustaks panna kõik päised kaldkirja, mitte paksus kirjas, saaks ta lihtsalt muuta stiili kodeeringut ja kõik sellel lehel olevad päised muutuksid. Sellel on sisemise meetodi ees eelis, kuna see katab kogu veebilehe ja muudatusi saab teha kogu lehel korraga.

Viimane levinud CSS-i tüüp on nn väline CSS. Veebiarendaja kirjutab koodi, mida rakendatakse tervele veebilehtede rühmale, tervele veebisaidile või isegi mitmele veebisaidile. Need reeglid võivad hõlmata selliseid asju nagu taustavärv, teksti värv, sõnavahe ja muud lehe paigutuse elemendid, nagu kaks eelmist CSS-i näidet.

Erinevus seisneb selles, et need juhised ei ole mõeldud lehe ühele jaotisele või ainult ühele veebilehele, vaid kogu veebisaidile. Eeliseks on see, et välises stiililehes muudatusi tehes saab korraga muuta kogu veebisaidi välimust. Kui disainer soovib proovida uut taustavärvi või uut fonti kogu veebisaidi jaoks, saab ta seda teha välise koodi mõne rea muutmisega, mitte minna igale lehele eraldi ja seal muudatusi teha.
Nii manustatud kui ka välise CSS-i miinuseks on see, et üksikute ridade väiksemate muudatuste tegemise asemel kulub rohkem aega suure stiililehe loomiseks, mis hõlmab palju paigutust. Veebidisainer peab otsustama, kas pikemas perspektiivis on tõhusam koostada individuaalseid tekstisiseseid juhiseid või teha sisseehitatud või välist CSS-i, et hoolitseda paljude kujundusfunktsioonide eest samaaegselt.