UVOD U CSS

TO JE CSS?

CSS (eng. Cascading Style Sheets), odnosno kaskadni stilovi, jednostavan su mehanizam
za dodavanje stilova fontova, boja itd. web stranicama.
Svojim je dolaskom CSS izazvao pravu revoluciju na webu i to zahvaljujui nizu prednosti
od kojih moemo razmotriti samo neke osnovne:
odvajanje podataka i dizajna,
HTML kod postaje laki i jednostavnije za itanje,
lake i bre oblikovanje stranica,
nudi vee mogunosti nego HTML po pitanju izgleda stranice.
ALATI ZA IZRADU CSS DOKUMENATA

Mnogi e rei da je za kreiranje CSS datoteke dovoljno imati jednostavan program za

ureenje teksta (npr. Notepad). Iako, gledano s tehnike strane, taj stav u potpunosti stoji,
u praksi je puno bolje za rad upotrebljavati kvalitetan alat.

Neki od editora:
Brackets
Notepad++
TopStyle
MJERNE JEDINICE - BOJE

Kad govorimo o bojama na zaslonu monitora, tada ustvari mislimo na RGB red, green,
blue prikaz boje kod kojeg je svaka boja prikazana nijansom crvene, zelene i plave. RGB
zapis mogue je napisati na vie naina, a u praksi se najee susreu heksadecimalna
inaica te zapisivanje boje njenim nazivom.

Boja se zapisuje heksadecimalnim brojevima na sljedei nain: #rrggbb, gdje je

rr nijansa crvene,
gg nijansa zelene,
bb nijansa plave boje.

Svaki od brojeva moe biti od 00 do ff, pa se, primjerice, puna crvena boja zapisuje s
#ff0000.
MJERNE JEDINICE - BOJE

Osim punog brojanog zapisa boja postoji i skraen zapis koji se esto susree u praksi.
Skraeni zapis je #rgb koji preglednik pretvara u pun zapis udvostruujui brojeve:
r postaje rr,
g postaje gg,
b postaje bb.

Tako se navedena crvena boja moe zapisati kao #f00.

MJERNE JEDINICE - BOJE
MJERNE JEDINICE - DULJINE

Kod mjernih jedinica i vrijednosti za duljine situacija nije nita manje sloena nego kod boja.
Postoji nekoliko razliitih naina oznaavanja vrijednosti koji se ravnopravno koriste.

Mjerne jedinice za duljinu su:

point [pt],
em [em],
pixel [px].

12pt = 1em
MJERNE JEDINICE - DULJINE

Koje mjerne jedinice treba upotrebljavati, ovisi o namjeni.

Za web stranice predviene iskljuivo prikazu na zaslonu dobro je koristiti piksel jer e
njegova vrijednost uglavnom biti definirana stvarnom fizikom veliinom piksela zaslona,
dok je za web stranice namijenjene ispisu bolje koristiti point ili em koji su toj namjeni vie
prilagoeni.