CSS je programski jezik napravljen za izradu web stranica. Danas koristeći HTML (za strukturiranje) te PHP (za server-side programiranje) možemo napraviti puno no bez CSS-a danas bi web stranice izgledale kao da je 1998. godina.
Naime, punog naziva, Cascading Style Sheets je style sheet programski jezik (čija se obitelj jezika koristi za ekspresiju strukturiranih dokumenata) koji opisuje web browseru kako stranica izgleda odnosno kako izgleda te kako će se detaljno formatirati dokument koji je napisan u markup programskom jeziku kao što je HTML. CSS se može upotrijebiti s bilokakvom vrstom XML dokumenta što uključuje i obične: XML, SVG i XUL.
Stilovi definiraju kako će se prikazati HTML elementi te su oni dodani u inačici 4.0 HTML jezika. Netko tko pozna barem HTML treba znati da CSS ima dva glavna dijela: selector (npr. H1) te deklaraciju (npr. {color:blue; font-size:12px;} - ovim kodom u biti kažemo Internet pregledniku da će header 1 imati plavu boju fonta, a veličin afonta će biti 12 piksela odnosno točaka.
Da, postoji više stilova odnosno postoje tri stila: Internal (ili Embedded), External i Inline. Budući da ste postavili ovakvo tehničko pitanje uzeti ću u obzir da ipak nešto znate o ovoj temi. Svaki tip stila može biti okarakteriziran njegovom lokacijom. Kada napravimo CSS Style Declarations moramo odabrati gdje ćemo postaviti naš Stil (Style). Tip stila koji napravimo će biti okarakteriziran lokacijom gdje ćemo postaviti CSS Styles. Nekako je najbolje postaviti većinu stilova na External Style Sheet (na taj način naše stilove je moguće iznov akoristiti te smo rastavili sadržaj od prezentacije, HTML je tako na minimumu te je Web Standard zadovoljen).
Internal i Inline isto tako tu postoji s razlogom. Kako saznajte više o CSS-u tako ćete znati koji Style Declaration koristiit.
-
Internal Styles su definirani <head> sekcijom na "trenutnoj" web stranici.
-
Inline Styles su definirani unutar HTML-a za određeni element stranice
-
External Styles su definirani unutar External Style Sheet koji je povezan s vašim web stranicama.
CSS klase koristimo kako bi mogli imati više od jednog stila po HTML elementu (npr. jedan tip paragrafa s velikim plavim tekstom, a drugi tip paragrafa u drugoj boji itd.). Klase u CSS-u nije teško razumijeti. Samo treba dodati ekstenziju tipičnom CSS kodu i osigurati da ste specificirali ovu ekstenziju unutar vašeg HTML koda. Npr. prvo počnemo s kodom:
p.first{ color: blue; }
p.second{ color: red; }
Samoobjašnjavajuće zar ne? No HTML dio onda ide ovako:
<html>
<body>
<p>Ovo je normalan paragraf.</p>
<p class="first">Ovaj paragraf koristi p.first CSS kod!</p>
<p class="second">Ovaj paragraf koristi p.second CSS kod!</p>
...
Na kraju dobijete ispis prvog paragrafa u "normalnoj" boji (crna, predefinirana) te zatim u plavoj i crvenoj. Eto tako to jednostavno pojašnjeno funkcionira.
