Kako napraviti spoljni stil list

Prednosti i mane eksternih stilskih listova

Jedna od najboljih stvari o Cascading Style Sheets-u je da ih možete koristiti kako biste zadržali čitavu web lokaciju konzistentnim. Najlakši način da ovo uradite je da povežete ili uvezete spoljašnji stilski stil . Ako koristite isti spoljašnji stilski stil za svaku stranicu vaše stranice, možete biti sigurni da će sve stranice imati isti stil. Takođe možete olakšati izmene u budućnosti. Pošto svaka strana koristi isti spoljašnji stilski stil, svaka promena tog lista će uticati na svaku stranicu stranice. Ovo je mnogo bolje nego što morate promeniti svaku stranicu pojedinačno!

Prednosti spoljnih stilova

• Možete kontrolisati izgled i osećaj nekoliko dokumenata odjednom.
  • Ovo je posebno korisno ako radite sa timom ljudi da biste kreirali svoju web stranicu. Mnoga pravila stila se mogu teško zapamtiti, a dok ste možda napravili vodič za štampani stil, neefikasan je i dosadan da se neprekidno prebacuje kroz njega kako biste utvrdili da li se primjer tekst napisati u 12 tačaka Arial font ili 14 tačaka kurira. Imajući sve na jednom mestu, a od tog mesta je i mesto gde ćete izvršiti promjene, možete učiniti održavanje mnogo lakšim.
• Možete kreirati klase stilova koji se mogu koristiti za mnoge različite HTML elemente .
  • Ako često koristite određeni stil stila da biste naglasili različite stvari na vašoj stranici, možete koristiti atribut klase koji ste postavili u svojom stilu da biste dobili ovaj izgled i osećaj, umesto da definišete određeni stil za svaku instancu naglasak.
• Možete lako grupisati svoje stilove kako bi bili efikasniji.
  • Sve metode grupisanja koje su dostupne CSS-u mogu se koristiti u vanjskim listovima stilova, što vam pruža više kontrole i fleksibilnosti na vašim stranicama.

Nedostaci spoljnih stilova

• Vanjski listovi stilova mogu povećati vrijeme preuzimanja, posebno ako su ekstremno veliki. S obzirom da je CSS datoteka poseban dokument koji se mora učitati, to će uticati na performanse da izvrši preuzimanje.
• Spoljni stilovi se brzo kreću jer je teško reći kada se stil više ne koristi jer se ne briše kada se stranica ukloni. Pravilno upravljanje vašim CSS datotekama je važno, pogotovo ako više ljudi radi na istoj datoteci.
• Ako imate samo stranicu sa jedne strane, možda nema potrebe da imate vanjsku datoteku za CSS, jer imate samo tu stranicu u stilu. Mnoge od prednosti spoljašnjeg CSS-a su izgubljene kada imate samo jednu stranicu stranice.

Kako napraviti spoljni stil liste

Spoljni stilovi stila se kreiraju s sličnom sintaksom za liste stilova liste nivoa. Međutim, sve što treba da uključite su selektor i deklaracija. Kao u listi stilova na nivou dokumenta, sintaksa za pravilo je:

Sačuvajte ova pravila u tekstualnu datoteku sa ekstenzijom .css. Ovo nije potrebno, ali je dobra navika da se upustite, tako da odmah možete prepoznati listu stilova u imeniku.

Kada imate dokument o stilu, morate ga povezati na svoje Web stranice . Ovo se može učiniti na dva načina:

1. Povezivanje
   1. Da biste povezali stilski stil, koristite HTML oznaku. Ovo ima atribute rel , tip i href . Atribut rel govori o tome šta povezujete (u ovom slučaju sa stilskim listom), tip definiše MIME-tip za pretraživač, a href je put do datoteke .css.
2. Uvoz
   1. Uvezeni list stila koristili biste u listi stilova dokumenta na nivou dokumenta tako da možete uvesti atribute spoljnog lista stila dok ne izgubite bilo koji dokument specifičan. Nazovite to na sličan način pozivanjem povezanog lista stilova, samo ga morate nazvati unutar deklaracije stila na nivou dokumenta. Možete uvesti što više spoljašnjih listova stilova kako biste trebali održavati svoju web stranicu.

Originalni članak Jennifer Krynin. Uredio Jeremy Girard na 8/8/17