Kako izgraditi interni CSS stilski list

Što su unutarnje stilske listove?

Interni stilski listovi su stilovi koji se nalaze u HTML dokumentu. Ti stilovi utječu samo na dokument u kojem se nalaze, a ne može ih se pozivati ni u kojem drugom web dokumentu.

Prednosti unutarnjih stilskih listova

Unutarnji stilski listovi utječu samo na stranicu na kojoj se nalaze.
- Ako radite na velikoj web lokaciji i trebate testirati stilove prije nego što ih učitate na web mjestu u cjelini, interni stilski listovi mogu biti izvrstan alat. Omogućuju vam da testirate stilove u kontekstu cijelog web mjesta bez prekida bilo koje stranice, ali one koju testirate.
Interni stilski listovi mogu koristiti klase i ID-ove.
- Za razliku od inline stilova, interni stilski listovi i dalje mogu iskoristiti prednosti klasa, ID-ova, braće i sestara i drugih odnosa elemenata.
Interni stilski listovi ne zahtijevaju prijenos više datoteka.
- To je osobito korisno kada radite sa stvarima poput e-pošte ili kioska gdje imate samo jednu HTML datoteku koja je dostupna za uređivanje. Često upotrebljavam inline stilove kada nisam siguran što bi URL bio stilski tablicu učitan u CMS - održavanje stilova s dokumentom znači da znam što stilovi utječu na taj dokument.
Interni stilovi mogu imati veći prednost od vanjskih stilskih listova.
- To se određuje redoslijedom učitavanja vanjskih stilskih listova. Web developer stranice ima kontrolu nad mjestima gdje će se unutarnji stilovi staviti u glavu dokumenta. Ako su postavljeni nakon veze s vanjskim stilovima, imat će više prednost u kaskadi, a prekomjerno voze vanjski stilski list.

Nedostaci unutarnjih stilskih listova

Oni utječu samo na stranicu na kojoj se nalaze.
- Ako želite koristiti iste stilove u nekoliko dokumenata, morate ih ponoviti za svaku stranicu (ili vezu na vanjski stilski list).
Interni stilski listovi povećavaju vrijeme učitavanja stranice.
- Svaka stranica koja ima interni stilski list mora učitati i analizirati podatke o obliku stila svaki put kad se stranica učita. Preglednici pregledavaju predmemoriranje vanjskim stilskim listovima - što poboljšava vrijeme učitavanja za svaku stranicu nakon prvog učitavanja.