Autor: Antonio Šamuga

Evo napokon samo našao malo vremena za pisanje ovih tutoriala koje sam obećao prije mjesec, dva. No krenimo sada od osnova. Kod pisanja CSS koda najbitnija je urednost kako bi ste se mogli lako snaći u njemu i drugo kako ne biste pogriješili tj. izostavili nešto ili krivo napisali. Svaku naredbu stavljajte u novi red to će vam pružiti preglednost

Evo kako napraviti pozadinu stranice ili "body"... U pozadini možete imati samo običnu boju, te samo morate upisati njezin kod, a ako ne znate kodove boja, možete i pronaći ovdje: http://www.computerhope.com/htmcolor.htm

body

{background-color: #d0e4fe;}

ili možete u pozadinu stranice staviti neku sliku, pa bi to izgledalo ovako:

body

{background-image: url('/mjesto slike');}

Ukoliko želite da se slika ponavlja dovoljno je dodati ovo:

background-repeat: repeat; 

ili ako ne želite:

background-repeat: no-repeat; 

Također možete odabarati u kojem će se smjeru ponavljati (isto je kao koordinatni sustav), želite li da se ponavlja horizontalno napišite ˝repeat-x˝, a ukoliko želite da se ponavlja vertikalno napišite ˝repeat-y˝.

Sljedeće na redu je zaglavlje ili header, za njega je potrebno odrediti širinu (width) i visinu (height), kod njega isto možete napraviti to sa slikom, ako želite dodati tekst, možete odrediti njegovo poravnanje, veličinu i font, naravno broj fontova vam je ograničen...

h1
{ height:  50px;

weight: 900px;

background-color: #d0e4fe;
text-align:center;}
p
{font-family:"ComicSans MS";
font-size:20px;}

Evo to je sve od mene za sada. U sljedećem tutorialu ću vam pokazati kako oblikovati footer i stranicu i kako napraviti širinu stranice i odrediti broj stupaca ili (columns).

Ako imate neka pitanje u vezi ovog možete mi se obratiti na mail: Ova e-mail adresa je zaštićena od spam robota, nije vidljiva ako ste isključili JavaScript ili postaviti svoje pitanje na forumu.