Prednosti kaskadnih stilskih listova

Dobijte činjenice sa ovim kratkim kursom CSS-a

Cascading stil listovi imaju mnoge koristi. Oni vam dozvoljavaju da koristite isti stilski stil na cijelom web sajtu. Postoje dva načina za to:

1. povezivanje sa LINK elementom
2. uvozi pomoću naredbe @import
   2. @import url ('http://www.yoursite.com/styles.css');

Prednosti i mane eksternih stilskih listova

Jedna od najboljih stvari o kaskadnim stilskim listovima je to što ih možete koristiti kako biste zadržali svoje mjesto konzistentno. 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 iste stilove.

Neke od prednosti korišćenja spoljašnjih stilova uključuju da možete istovremeno kontrolisati izgled i osećaj nekoliko dokumenata. Ovo je posebno korisno ako radite sa timom ljudi kako biste kreirali svoju web stranicu. Mnogi stilski propisi mogu biti teško zapamtiti, a dok imate uputstva za štampani stil, neodlučno je što morate stalno da ga prelistate da biste utvrdili da li će se primjer tekst napisati u 12-inčnom Arial fontu ili kurira od 14 boda.

Možete kreirati klase stilova koji se mogu koristiti za mnoge različite HTML elemente. Ako često koristite poseban font Wingdings da biste naglasili različite stvari na vašoj stranici, možete koristiti Wingdings klase koju ste postavili u svojom stilu da biste ih stvorili umesto da definišete određeni stil za svaku instancu naglaska.

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.

Ipak, postoje i veoma dobri razlozi da se ne koriste spoljni stilovi. Za jedan, oni mogu povećati vrijeme preuzimanja ako ste povezani sa mnogim od njih.

Svaki put kada kreirate novu CSS datoteku i povežete ili uvezete u svoj dokument, to zahtijeva da Web pretraživač napravi drugi poziv na Web serveru da bi dobio datoteku. I server naziva usporeno vreme učitavanja stranice.

Ako imate samo mali broj stilova, oni mogu povećati složenost vaše stranice.
Pošto stilovi nisu vidljivi upravo u HTML-u, svi koji gledaju na stranicu moraju dobiti drugi dokument (CSS datoteku) da bi shvatili šta se događa.

Kako napraviti spoljni stil liste

Vanjski listovi stilova su napisani na isti način kao ugrađeni i inline stilski listovi. Ali sve što treba da pišete je selektor stila i deklaracija . U dokumentu vam nije potreban element ili atribut STYLE.

Kao i kod svih ostalih CSS, sintaksa za pravilo je:

selektor {svojstvo: vrijednost; }

Ova pravila se upisuju u tekstualnu datoteku sa ekstenzijom .css. Na primjer, možete nazvati stilski stil styles.css.

Kada imate dokument o stilu, morate ga povezati na svoje Web stranice. Kao što sam već rekao, to se radi na dva načina.

Povezivanje CSS dokumenata

Da biste povezali stilski stil, koristite LINK element. Ovo ima atribute rel i href. Atribut rel govori pretraživaču o čemu se povezujete (u ovom slučaju sa listom stilova), a atribut href drži putanju do CSS datoteke.

Postoji i opcioni tip atributa koji možete koristiti da definirate MIME tip povezanog dokumenta. Ovo nije potrebno u HTML5, ali treba ga koristiti u HTML 4 dokumentima.

Evo šifre koji biste koristili za povezivanje CSS stilskog stila pod nazivom styles.css:

U dokumentu HTML 4 napisali biste:

type = "text / css" >

Uvoz CSS stilova

Uvezeni listovi stilova nalaze se unutar elementa STYLE. Tada možete koristiti ugrađene stilove ako želite. Takođe možete uključiti uvezene stilove unutar povezanih stilskih listova. Unutar STYLE ili CSS dokumenta, napišite:

@import url ('http://www.yoursite.com/styles.css');