Zunanja definicija CSS in povezava z eno
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 preprosti za delo, vendar ker niso shranjeni 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 dokument HTML, 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 v razdelku povezati v datoteko CSS, podobno kot to:
V tem primeru je edina stvar, ki jo je treba spremeniti, da bi se nanašala na vaš lastni dokument, besedilo styles.css . To je lokacija vaše CSS datoteke.
Če se datoteka dejansko imenuje styles.css in se nahaja v isti mapi kot dokument, ki se povezuje z njim, potem lahko ostane točno, kot se glasi 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 oznak