CSS koji utječe na tekući dokument
Š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.
Kako napisati interni stilski list
element:
- Otvorite HTML dokument u svom web-uređivaču .
- Dodajte sljedeće unutar
Potpuni interni stilski list izgledao bi ovako: