Wednesday, 29 December 2010 22:18

Osnovno o CSS - Cascading Style Sheets

Written by  Administrator
Rate this item
(0 votes)

css, h1 html sadržaj, stilovi

Jedan od principa teorije dizajna je odvajanje, onoliko koliko je moguće, sadržaja i dizajna dokumenta. Npr., šta ako želimo da se prikazuju svi naslovi h1 u crvenoj boji, 24 bold, Arial font? S obzirom da tagovi specificiraju pojavljivanje <h1> taga potrebno je locirati svaki <h1> tag i modifikovati svaki pojedinačno sa atributima za font, veličinu, boju.

Ovo je jako zamorno i u jednom jednostavnom HTML dokumentu, a ako se web site sastoji od više web stranica onda je još zamornije.

Način kako se ovo može riješiti i na drugi način je da se kreira stil (style) pojavljivanja za pojedine HTML dokumente. U tom slučaju umjesto da Web browser određuje pojavljivanje elementa (npr. h1), stil (style) će to uraditi za njega. Kada browser izvrši loading dokumenta tada dobija i element i njegov stil. Kolekcija stilova za Web stranice ili Web sajtove je poznat kao 'style sheet'.

Kao i HTML, style sheet koristi zajednički jezik i sintaksu. Glavni 'style sheet' standard je Cascading Style Sheets (CSS).


CSS je razvijen od strane Word Wide Web Consortium-a, iste organizacije koja je razvila specifikaciju za HTML. Za CSS su nastajali i standardi, prvi 1996. CSS obezbjeđu dodatne mogućnosti koje nisu unutar standardnog HTML-a.

Dakle, CSS (Cascading Style Sheets), omogućava definisanje stila za stranice, koristi se i da bi se u okviru HTML stranica smanjilo ispisivanje istog koda.

Upotreba CSS-a omogućava isti način formatiranja svih stranica u okviru nekog site-a, kao i jednostavnu promjenu pojedinih parametara kao što su boja slova, vrsta slova, veličina slova, izgled tabele, pozadine, itd. Sve ove osobine stranica se mogu čuvati u posebnim dokumentima i to na jednom mjestu za sve stranice, pa se promjenom jednog parametra na jednom mjestu mijenja izgled svih stranica koje se referenciraju na promjenjeni parametar.

Također, sadržaj se može učiniti mnogo pristupačnijim ako se koristi CSS (Cascading Style Sheets). Sa CSS-stiliranim stranicama, korisnik može jednostavno primijeniti personalizirano formatiranje na web dokumente. Stranica dizajnirana korištenjem crvenog teksta naspram zelene pozadine, na primjer, prezentuje problem za korisnike sa sljepilom za zelenu boju: kontrast između teksta i pozadine može biti mali, tako da je nemoguće uočiti tekst. Ako se boje podešavaju putem stilskih kartica, korisnici mogu podesiti postavke preglednika, te zaobići podešavanja dizajnera, postavljajući vlastite stilske kartice na stranicu. Sa CSS-stiliranim stranicama, korisnik može transformisati web sadržaj u format koji zadovoljava njihove zahjteve za pristupačnost.

Postoje 3 načina uključivanja CSS-a u dizajn Web stranice.

- Inline style (linijski stil) u kojem se stil dodaje svakom tagu unutar HTML fajla. Stil utiče na pojedinačan tag ali nema uticaja na druge tagove u dokumentu.

- Ugrađeni ili globalni stil primjenjuje se na cijeli HTML fajl, i dozvoljava Web dizajneru modifikaciju pojavljivanja bilo kojeg taga u dokumentu.

- Eksterni ili linkovani stil, u ovom slučaju stil je definisan u eksternom fajlu i linkuje se sa stranicama u Web sajtu, dozvoljavajući Web dizajneru da modifikuje pojavljivanje tagova u više dokumenata.

Koji pristup odabrati zavisi od Web sajt dizajna.

Ako je potrebno da formatiramo samo jednu sekciju na Web stranici, tada ćemo vjerovatno koristiti inline style.

Ako je potrebno da modifikujemo sve instance pojedinačnog elemnta na Web stranici, tada ćemo koristiti ugrađeni ili globalni stil. Konačno, ako je potrebno da kontrolišemo stil za cijeli Web sajt, tada ćemo koristiti eksterni stil. Mogu se koristiti i kombinacije od ova tri pristupa.

Last modified on Wednesday, 26 January 2011 08:19