Kaskadni slogovni listi imajo številne prednosti. Omogočajo vam uporabo istega sloga na celotnem spletnem mestu. To lahko storite na dva načina:
- povezovanje z elementom LINK
- uvoz z ukazom @import
Prednosti in slabosti zunanjih stilskih listov
Ena najboljših stvari o kaskadni slogovni listi je, da jih lahko uporabite za ohranjanje doslednosti spletnega mesta. To najlažje naredite tako, da povežete ali uvozite zunanji slog. Če za vsako stran svojega spletnega mesta uporabljate isti zunanji slog, ste lahko prepričani, da bodo imele vse strani enako stilov.
Nekatere prednosti uporabe zunanjih tabel so, da lahko nadzorujete videz in videz več dokumentov hkrati. To je še posebej koristno, če pri ustvarjanju vašega spletnega mesta sodelujete z ekipo ljudi. Številnih stilskih pravil si je težko zapomniti in čeprav imate morda natisnjen vodnik po slogu, je to dolgočasno nenehno ga prelistajte, da ugotovite, ali naj bo primer besedila napisan v 12-točkovni pisavi Arial ali 14-točkovni Kurir.
Ustvarite lahko razrede slogov, ki jih lahko nato uporabite na številnih različnih elementih HTML. Če za poudarjanje različnih stvari na svoji strani pogosto uporabljate posebno pisavo Wingdings, lahko uporabite Wingdings razred, ki ste ga nastavili v svojem slogovnem listu, da jih ustvarite, namesto da definirate določen slog za vsak primerek poudarek.
Enostavno lahko svoje sloge združite v skupine, da bodo učinkovitejši. Vse metode razvrščanja, ki so na voljo CSS, lahko uporabite v zunanjih tabelah slogi, kar vam omogoča več nadzora in prilagodljivosti na vaših straneh.
Kljub temu obstajajo tudi zelo dobri razlogi, da ne uporabljamo zunanjih slogov. Prvič, lahko povečajo čas prenosa, če se povežete s številnimi.
Vsakič, ko ustvarite novo datoteko CSS in jo povežete ali uvozite v dokument, mora spletni brskalnik še enkrat poklicati spletni strežnik, da jo dobi. In klici strežnika upočasnijo čas nalaganja strani.
Če imate le majhno število slogov, lahko povečajo zapletenost vaše strani. Ker slogi niso vidni v HTML-ju, mora vsak, ki gleda stran, dobiti drug dokument (datoteko CSS), da ugotovi, kaj se dogaja.
Kako ustvariti zunanji slog
Zunanji slogovni listi so napisani na enak način kot vdelani in vstavljeni slogovni listi. Toda vse, kar morate napisati, je slog izbirnik in izjavo. V dokumentu ne potrebujete elementa ali atributa STYLE.
Kot pri vseh drugih CSS, sintaksa pravila je:
izbirnik {lastnost: vrednost; }
Ta pravila so zapisana v besedilno datoteko s pripono.
.css. Lahko na primer poimenujete svoj slog sloga.
styles.css.
Povezovanje dokumentov CSS
Če želite povezati slogovni list, uporabite element LINK. To ima atributa rel in href. Atribut rel brskalniku pove, kaj povezujete (v tem primeru slogovni list), atribut href pa ima pot do datoteke CSS.
Obstaja tudi neobvezna vrsta atributa, s katero lahko določite vrsto MIME povezanega dokumenta. To ni potrebno v HTML5, bi pa moralo biti uporabljeno v dokumentih HTML 4.
Tu je koda, ki bi jo uporabili za povezavo slogovnega lista CSS, imenovanega styles.css:
In v dokumentu HTML 4 bi zapisali:
type = "besedilo / css">
Uvoz slogovnih listov CSS
Uvoženi slogovni listi so postavljeni znotraj elementa STYLE. Nato lahko uporabite tudi vdelane sloge, če želite. Uvožene sloge lahko vključite tudi v povezane slogovne liste. V dokument STYLE ali CSS napišite:
@import url (' http://www.yoursite.com/styles.css');