Uvod u CSS

Koja je veza HTML-a i CSS-a, kakve (i, možda, koje) alate izabrati za rad s CSS-om, te teme potrebne u daljnjem radu – kako zadati boje i dimenzije.

TopStyle Lite


Instalacija programa TopStyle Lite poprilično je jednostavna – dovoljno je izabrati ponuđene vrijednosti.

  • Na ovom linku možete preuzeti program TopStyle Lite 3.5. U trenutku pisanja tečaja najpouzdaniji je priloženi link ovaj koji pokazuje na zbirku besplatnog softvera, ali pozivamo polaznike da prije preuzimanja provjere postoji li novija besplatna verzija programa.

Prozor TopStyle Lite programa podijeljen je na tri cjeline. Prvi, najveći dio prozora, predviđen je za CSS kôd.

lijevi gornji kut prozora editora Veći dio radne površine namijenjen je pisanju kôda.

Donji dio programskog prozora nudi prikaz postavljenih stilova s fontovima, bojama pozadina i ostalim svojstvima.

donji dio prozora editora Prikaz izgleda postavljenih stilova.

Desno je višenamjenski prozor u kojem možete birati prikaz selektora ili svojstava pojedinog selektora. Nemojte se previše brinuti ukoliko vam u potpunosti nije jasna svaka funkcija koju program nudi. Već nakon prvih nekoliko koraka u svijet CSS-a većina funkcija će vam postati jasna.

desna strana prozora editora Popis i izbornik svojstava pojedinog selektora.