CSS je kaskadni slog, ki se uporablja za ustvarjanje vizualnih elementov na strani z internetnimi viri. Prikaz predmetov, določenih v CSS, je izveden v označevalnem jeziku HTML. Kaskadnih tabel samih ni mogoče uporabiti samostojno.
Uporaba CSS
CSS je slog jezik, ki izvaja upodabljanje elementov označevanja HTML. Kaskadne tabele omogočajo prilagajanje možnosti, ki jih ni mogoče spremeniti v HTML-ju. Na primer z uporabo slogovnega jezika lahko uredite slog pisave in barvo. CSS vam omogoča, da nastavite robove, vrstice, oblazinjenje, širino, elemente položaja in izvedete izpis tistih parametrov, ki jih je nemogoče izvesti z uporabo "čistega" HTML-ja.
Kaskadne slogovne liste podpirajo skoraj vsi brskalniki in se uporabljajo v skoraj vseh spletnih virih. Nadzirajo prikaz vsebine v določenem jeziku in omogočajo nadzor prikaza elementov za različne medije.
Če se HTML uporablja samo kot sredstvo za strukturiranje besedila strani, vam CSS omogoča prilagajanje prikaza prikazane vsebine.
Sintaksa CSS in njegova vključitev v kodo HTML
Pri oblikovanju strani je bolje uporabiti CSS nad orodji HTML. Dejstvo je, da HTML sprva ni imel sredstev za urejanje barve elementov in ni bil namenjen nastavljanju barv in parametrov prikaza, zato nekateri spletni razvijalci morda uporabljajo deskriptorje HTML za ustvarjanje zasnove.
CSS ima drugačno sintakso kot HTML in je v kodo strani vključen prek oznak. Kodo CSS, ki je v ločeni datoteki, lahko integrirate tudi z uporabo oznake parametrov:
Koda CSS ima določeno sintakso, ki se je je treba dosledno držati, sicer ustvarjeni slogi na strani ne bodo prikazani. Odsek kode CSS lahko razdelimo na 3 glavne elemente: izbirnik, lastnost in vrednost. Ti elementi so zapisani na naslednji način:
izbirnik {lastnost: vrednost; }
Izbirnik poda ročaj, za katerega velja ustvarjeno pravilo prikaza. Parameter lastnosti definira vidik elementa, ki ga je mogoče urejati, vrednost pa opredeli ustrezno možnost za lastnost. Na primer za spremembo barve v naslovu druge ravni
HTML, lahko uporabite naslednjo kodo:
h2 {barva: rdeča; }
Ta koda nastavi barvo besedila na rdečo, ki se nahaja v deskriptorju naslova druge stopnje.
CSS uporablja standardno tabelo barv HTML.
Poleg uporabe oznak lahko uporabite tudi notranje oznake. Na primer:
Naslov
Ta koda je enaka zgoraj opisani, s to razliko, da so bili parametri CSS sami nastavljeni znotraj deskriptorja, potrebnega za urejanje.
