Kaj je CSS?

Cascading Style Sheet (CSS) je način oblikovanja spletnega mesta ali skupine spletnih mest, tako da imajo dosleden videz in občutek ter da je njihov videz in občutek enostavno spremeniti. Z uporabo CSS za oblikovanje spletnega mesta pridobi spletni razvijalec večjo stopnjo nadzora nad tem, kako je spletno mesto videti.

Spletni razvijalec lahko z datoteko CSS nadzoruje videz spletnega mesta na tri glavne načine. Prvi način se imenuje inline in se nanaša na dejstvo, da je koda nameščena neposredno v vrstico kode spletnega mesta. Na primer, spletni razvijalec bi morda želel, da je določen stavek prikazan krepko, rdeče, tako da izstopa. S CSS bi lahko nastavila slog tega stavka na krepko in rdeče z uporabo vstavljene kode. Prednost te metode je, da omogoča hitro in enostavno spremembo določenega dela spletne strani.

Drug način, kako lahko spletni razvijalec uporabi CSS, je izdelava pravil za eno spletno stran. V tem primeru bi razvijalec uporabil tako imenovani vdelani CSS. Razvijalec lahko na primer naredi zamik vsakega novega odstavka in vsako glavo krepko. Vdelana navodila so običajno nameščena na vrhu kode spletne strani.

To omogoča razvijalcu, da enkrat spremeni vdelano kodo in da se učinki pojavijo po celotni strani. Če bi se odločil, da bo vse glave postavil ležeče in ne krepko besedilo, bi lahko preprosto spremenil kodiranje sloga in vse glave na tej strani bi se spremenile. To ima prednost pred inline metodo v tem, da pokriva celotno spletno stran, spremembe pa se lahko izvedejo na celotni strani hkrati.

Končna pogosta vrsta CSS je tisto, kar je znano kot zunanji CSS. Spletni razvijalec bo napisal kodo, ki jo bo uporabil za celotno skupino spletnih strani, celotno spletno mesto ali celo več spletnih mest. Ta pravila lahko vključujejo stvari, kot so barva ozadja, barva besedila, razmik med besedami in drugi elementi postavitve strani, tako kot prejšnja dva primera CSS.

Razlika je v tem, da ta navodila niso za posamezen del strani ali samo eno spletno stran, ampak za celotno spletno mesto. Prednost je, da lahko videz in občutek celotnega spletnega mesta naenkrat spremenite s spremembami zunanjega slogovnega lista. Če želi oblikovalka preizkusiti novo barvo ozadja ali novo pisavo za celotno spletno mesto, lahko to stori s spremembo nekaj vrstic v zunanji kodi, namesto da gre na vsako stran posebej in tam spreminja.
Pomanjkljivosti tako vdelanega kot zunanjega CSS je, da je več časa vključenega v ustvarjanje velikega slogovnega lista, ki bo pokrival veliko postavitve, namesto da bi naredili manjše spremembe posameznih vrstic. Spletni oblikovalec se mora odločiti, ali je dolgoročno učinkoviteje izdelati posamezna inline navodila ali izdelati vgrajen ali zunanji CSS, ki bo hkrati poskrbel za številne oblikovne značilnosti.