Ko spletni brskalnik naloži spletno stran, je način, na katerega se zdi, določen z informacijami iz kaskadnega lista slogov. Za datoteko HTML je na voljo trije načini za uporabo slogovne strani: zunanji, notranji in on-line.
Notranji in vrstni listi so shranjeni v sami datoteki HTML. V tem trenutku so enostavne za delo, ampak zato, ker niso shranjene na osrednji lokaciji, je nemogoče enostavno spremeniti styling na celotnem spletnem mestu hkrati; namesto tega se morate vrniti v vsak vnos in ga ročno spremeniti.
Vendar pa so z zunanjim slogovnim listom navodila za prikazovanje strani shranjene v eni datoteki, zaradi česar je preprosto urejanje stylinga na celotnem spletnem mestu ali več elementov. Datoteka uporablja razširitev datoteke .CSS, povezava z lokacijo te datoteke pa je vključena v HTML dokument, tako da spletni brskalnik ve, kje poiskati navodila za styling.
Eden ali več dokumentov se lahko poveže z isto datoteko CSS in spletno mesto ima lahko veliko edinstvenih datotek CSS za oblikovanje različnih strani, tabel, slik itd.
Kako povezati na zunanji slogovni list
Vsaka spletna stran, ki želi uporabiti določen zunanji slogovni list, mora povezati v datoteko CSS iz znotraj
razdelek, podobno temu:
V tem primeru je edina stvar, ki jo je treba spremeniti, da se bo nanašala na svoj dokument, styles.css besedilo. To je lokacija vaše CSS datoteke.
Če je datoteka dejansko poklicala styles.css in se nahaja v isti mapi kot dokument, ki se povezuje z njim, potem lahko ostane točno, kot je zapisano zgoraj. Vendar je verjetno, da je vaša datoteka CSS naslovljena nekaj drugega, v tem primeru pa lahko ime preprosto spremenite iz "slogov" k kateremu koli je vaš.
Če datoteka CSS ni v koreni te mape, ampak namesto tega v podmapi, bi morda lahko prebral nekaj takega:
Več informacij o zunanjih datotekah CSS
Največja korist zunanjih slogovnih listov je, da niso vezani na nobeno določeno stran. Če se styling izvaja znotraj ali v spletu, druge strani na spletnem mestu ne morejo opozoriti na tiste nastavitvene nastavitve.
Z zunanjim stylingom pa se lahko ista CSS datoteka uporablja za dobesedno vsaka posamezna stran na spletnem mestu, tako da imajo vsi vsi enakomeren videz in da je urejanje celotne spletne vsebine CSS zelo enostavno in centralizirano.
Vidiš, kako deluje spodaj …
Notranji styling zahteva uporabo
Ker pa so zunanji listi slogov vsebovani v njihovi lastni datoteki, jih je mogoče ustvariti tako, in to pomeni popolnoma isto stvar kot zgornji vzorec:
telo {ozadje-barva: zelena; } h1 {barva: modra; margin-left: 15px; }
V teh primerih se vrstični stil uporablja samo za to določeno stran, kar je razvidno iz dejstva, da je vsebovana v podrobnostih glave strani HTML. Z drugim primerom je CSS info v datoteki CSS, ki jo lahko katera koli stran poveže z uporabo kode iz Kako povezati na zunanji slogovni list zgoraj.
