CSS koji utiče samo na trenutni dokument
Šta su interni stil listovi
Interni stil listovi su stilovi koji se nalaze u HTML dokumentu. Ovi stilovi utiču samo na dokument u kome su, a ne može se pozvati ni na koji drugi veb dokument.
Prednosti unutrašnjih listova stilova
- Unutrašnji stilovi utiču samo na stranicu na kojoj se nalaze.
- Ako radite na velikoj web lokaciji i trebate testirati stilove pre nego što ih učitate na sajtu u cijelosti, interni stil listovi mogu biti odličan alat. Oni vam omogućavaju da testirate stilove u kontekstu čitavog sajta bez prekidanja bilo koje stranice, ali one koju testirate.
- Interni stil listovi mogu koristiti klasu i ID.
- Za razliku od inline stilova, interni stil listovi mogu ipak iskoristiti klase, ID-ove, braće i druge veze između elemenata.
- Interni stil listovi ne zahtevaju da postavljate više datoteka.
- Ovo je posebno korisno kada radite sa stvarima poput e-pošte ili kioska gde imate samo jednu HTML datoteku koja je dostupna za uređivanje. Ja često koristim inline stilove kada nisam siguran u koji će URL biti stil stvoren u CMS-u - čuvanje stilova pomoću dokumenta znači znati koji stilovi utiču na taj dokument.
- Interni stilovi mogu imati viši prioritet od spoljašnjih stilova.
- Ovo je određeno naredbom da se spoljašnji listovi stilova učitavaju. Web programer stranice ima kontrolu nad tim gde će se unutrašnji stilovi staviti u glavu dokumenta. Ako su postavljeni nakon veze sa spoljašnjim stilovima , oni će imati viši prioritet u kaskadi i previše će voziti spoljašnji stilski list.
Nedostaci unutrašnjih listova stilova
- One utiču samo na stranicu na kojoj se nalaze.
- Ako želite da koristite iste stilove u nekoliko dokumenata, morate ih ponoviti za svaku stranicu (ili povezati sa spoljnim listom stilova ).
- Interni stil listova povećavaju vreme učitavanja stranica.
- Svaka stranica koja ima interni stilski stil mora da učitava i razgraničava informacije o stilskom listu svaki put kada se stranica učita. Spoljni stilovi stila su cached by pretraživači - što poboljšava vrijeme učitavanja za svaku stranicu nakon što se prvi učita.
Kako napisati interni stil list
element:
- Otvorite HTML dokument u svom Web uredniku .
- Dodajte sledeće unutar
Kompletan interni stilski izgled bi izgledao ovako: