 |
CSS |
|
CSS je dio koda koji definira kako će se web stranica prikazati.
HTML 4 je trenutna verzija jezika koji je korišten za kontroliranje
strukture web stranice. Stvoren je prije nekoliko godina,
i jedan od mnogih ciljeva ove verzije je bio da se razdvoji
struktura web stranice od prikazivanja. To znači da je HTML
korišten da samo stvori strukturu web stranice, što uključuje
stvari poput naslova (headlines) i odlomaka (paragraphs).
To prepušta CSS-u da opiše kako će se različite veličine naslova
prikazivati, i kako će izgledati odlomci...
CSS može biti uklopljen u stranicu ili može biti zaseban
file, ovisno o potrebama ili o onome što je bolje za određenu
stranicu. Kada browser čita kod stranice, CSS mu kaže kako
da prikaže određene stvari na stranici.
Npr. možete upotrijebiti CSS da prikaže naslove veličine
fonta 20 pixela, plave boje, koristeći font Verdana. CSS kod
za takav izgled naslova izgleda ovako:
<h1 { font-family: Verdana, Helvetica,
Arial, san serif;
font-size: 20px; color: blue;}>
U ovom slučaju CSS će biti zaseban file, koji može biti napisan
u Notepadu, ili bilo kojem tekstualnom programu. Nastavak
CSS file-a je *.css
U gornjem primjeru pod font je stavljeno nekoliko fontova,
iz razloga što HTML može koristiti samo one fontove koje se
nalaze na kompjuteru posjetitelja, i pošto ne možemo biti
sigurne koje fontove posjetitelj ima, dali smo njegovom browseru
nekoliko na izbor. Ako browser ima font Verdana, njega će
upotrebiti, a ako nema, pogledati će ako ima Helveticu itd.
Kada je napravljen naslov na
web stranici, kod može izgledati ovako:
<h1>Kupite povoljno!</h1>
Ako je stranica na kojoj je ovaj kod linkana na CSS file
iz prošlog primjera, ovaj naslov će biti veličine 20 pixela,
fonta Verdana, plave boje na svakom kompjuteru koji posjeti
tu stranicu. Bez upotrebe CSS-a, ta stranica bi izgledala
različito u različitim browserima, ovisno o tome kako im je
podešeno prikazivanje naslova. Na mom kompjuteru naslov bi
npr. bio velik 24 pixela, font Times New Roman, crne boje.
Prije nego što je CSS izmišljen, da bi se prikazao naslov
na način kao u prošlom primjeru, trebalo se definirati svaki
parametar posebno. To bi izgledalo ovako:
<h1><font face="Verdana,
Helvetica, Arial, sans-serif"
color="blue" size="4">Kupite povoljno!</font></h1>
To je dosta nepotrebnog koda, pogotovo kada ga pomnožite
sa brojem naslova, odlomaka, lista i linkova... čiji se izgleda
također može slično definirati. Puno je lakše definirati svaki
tip teksta u CSS-u jednom i linkati stranice na CSS file koje
će browseru reći kako da prikaže stranice.
Pojednostavnite stvari koristeći CSS
Sada vidite zašto je puno jednostavnije izrađivati stranice
pomoću CSS-a. Bez CSS-a ako želite naslov prikazati crvene
boje, a tekst u svakom odlomku malo povećati, svaki naslov
i odlomak morali bi izmjeniti ručno.
Sa CSS-om samo napravite male izmjene u kodu naslova (heading),
i kodu odlomka (paragraph), i cijela vaša stranica je brzo
i jednostavno izmjenjena! Ovo je samo jedan jednostavan primjer
od mnogo načina na koje možete upotrebiti CSS na vašoj stranici.
Povratak
na savjete za izradu web stranica |
