Elementi CSS-a: Kada što upotrebljavati?

Elementi CSS-a

Osnove sintakse CSS-a, priključivanje stilova web stranici, određivanje elemenata na koje će pojedine definicije stilova djelovati. Usput, tu su i neka svojstva o kojima će više riječi biti u posebnoj knjizi.

Kada što upotrebljavati?

Četiri opisana načina možemo sumirati sljedećim grafičkim prikazom:

1. Povezivanje na vanjski dokument
2. Uvoženje vanjskog dokumenta
3. Umetanje u zaglavlje dokumenta
4. Dodavanje u liniji s pomoću atributa style.

Sva je četiri načina moguće upotrebljavati istovremeno, upravo kako je na slici prikazano. Izbor načina povezivanja ovisi o načinu i uvjetima korištenja CSS-a. Općenito vrijede sljedeće postavke:

CSS iz jednog vanjskog dokumenta može se povezati s većim brojem HTML dokumenata.
Promjene stila u vanjskom dokumentu mogu se izvesti bez mijenjanja HTML dokumenta.
Upotrebom vanjskog dokumenta različitim se preglednicima mogu isporučiti različiti CSS dokumenti – detekciju preglednika naučite u naprednijim CARNet‑ovim tečajevima.
Stilovi definirani unutar HTML dokumenta koriste se kad u nizu stranica postoji potreba za stilom koji se koristi na samo jednoj od njih.

Osim što HTML dokument mora biti oblikovan prema željama autora, važno je i da kôd bude pregledan. Zato se preporuča u sličnim situacijama upotrebljavati uvijek isti način uključivanja stilova, a ne mijenjati način samo zato jer postoje četiri mogućnosti. Zadaci tijekom učenja su iznimke jer sve mogućnosti trebate isprobati i dobro uvježbati.

U prilogu se nalazi HTML datoteka i datoteka s pripadajućim CSS stilom. Spremite obje datoteke na svoje računalo i isprobajte povezivanje CSS-a s dokumentom na sva četiri opisana načina.
Rješenje 1 : Rješenje 2 : Rješenje 3 : Rješenje 4

Odgovorite na pitanje iz naslova, kada koji način uključivanja stilova upotrebljavati, za sljedeće situacije:
- ... ako želimo imati sve stranice web sjedišta istog stila
- ... ako uz prethodni zahtjev na stranici „O nama” imamo izjave korisnika koje želimo napisati drugačije od teksta kojem smo mi autori.

Katkad način objavljivanja web stranica određuje tehniku rada. Tako nam je način objavljivanja lekcija u ovom tečaju ograničio rad sa stilovima na uključivanje vanjskih CSS datoteka oznakom <link> i na određivanje stilova unutar HTML oznaka (stilove u liniji).