You are on page 1of 14

CSS (Cascading Style Sheets), odnosno kaskadni stilovi,

jednostavan su mehanizam za dodavanje stilova: fontova,


boja razmaka izmeu paragrafa, ureivanje tablica.
Svojim dolaskom CSS je izazvao pravu revoluciju na
internetu i to zahvaljujui nizu prednosti koje ima pred
tablinim layoutom (koritenje tablica za formiranje
stranice).
Koritenjem CSS-a postalo je mogue odvojiti prezentaciju
podataka i dizajn od same strukture podataka. HTML kd
postaje pregledniji i manji to znai da ga je puno lake
kontrolirati, a takoer je mogue jednostavnom primjenom
parametara promijeniti izgled stranice.
Mogunosti formatiranja HTML-a poprilino su
ograniene. Kada dizajniramo izgled stranice u HTML-u,
ogranieni smo na tablice, kontrola fontova, i nekoliko
stilova teksta poput bold i italic. Sa stilskim obrascima
moemo :
Paljivo kontrolirati svaki aspekt prikaza na stranici
(odrediti razmak izme linija, znakova, margine stranica,
pozicije slika i drugo).
Primijeniti promjene na cijelu internet stranicu
Moemo osigurati dosljedan dizajn na cijelj internet
stranici tako da isti stilski obrazac koristimo za svaku
pojedinu stranicu.
Dati internet pregledniku instrukcije za kontrolu izgleda
stranice.
Kreirati dinamine stranice.
Koritenjem CSS obrasca moemo kontrolirati bilo koji dio
segmenta na Internet stranici:
Podeavanje pozadine (boja pozadine, slike na pozadini).
Opcije okvira (kontrolira okvire povezane sa stranicom, liste,
tablice, slike, blok elemente.
Opcije klasifikacija (kontroliraju na koji se nain elementi poput
slika ponaaju na stranici u odnosu na ostale elemente.
Ureivanje listi.
Ureivanje margina.
Kontrola padding-a (kontrola koliine praznog prostora oko bilo
kojeg blok elemena na stranici).
Kontrolza pozicioniranja elemenata.
Kontrola veliine elemenata.
Ureivanje tablica.
Ureivanje teksta.
Stilski obrasci sainjeni su od stilskih pravila. Svako
pravilo ima dva dijela:
Selektor : Odreuje element na koji se stilsko pravilo
odnosi
Deklaracija : Odreuje kako izgleda sadraj opisan
CSS-om
Koristimo se sa setom interpunkcijskih i posebnih
znakova kako bi definirali stilsko pravilo. Sintaksa za
stilska pravila uvijek slijedi sljedei uzorak:
selektor {deklaracija;}
Deklaracija se dijeli na dvije stavke :
1. Properties (aspekti kako da raunalo prikae tekst i
grafiku).
2. Values (podaci koji odreuju kao elimo da tekst i
slike izgledaju na naoj stranici).
Properties se od vrijednosti (value) u deklaraciji odvaja
dvotakom, a svaka deklaracija zavrava s takom-zarez:
selector {property: value;}
Za jedan selektor moemo napraviti nekoliko
stilskih pravila, svaki s jednom deklaracijom:
No, tako velika kolekcija stilskih pravila postaje
teka za upotrebu. CSS vam dozvoljava da
kombinirate nekoliko deklaracija u jedno
stilsko pravilo koje utie na karakteristike
prikaza pojedinog selektora:
Moemo napraviti da se isti set deklaracija
odnosi na cijelu skupinu selektora. Selektore je
potrebno odvojiti zarezima. Sljedee stilsko
pravilo ostavlja deklaracije za boju teksta, font i
veliinu fonta:
Stilovi se mogu specificirati:
Interno - U tekstu stranice, unutar tag-a style
pozicioniranom unutar tag-a head. Ovaj metod
nije praktian ukoliko stil treba da bude
koriten u vie stranica
Eksterno - U separatnom tekst fajlu koji se
uitava u stranicu pomou tag-a link
pozicioniranom unutar tag-a head.
U liniji sa html naredbom. Rijetko koritena
metoda

You might also like