Väline CSS-i määratlus ja kuidas linkida ühte
Kui veebibrauser laadib veebisaidi üles, määrab see selle, kuidas see kuvatakse, kaskaaditavast stiililehelt pärineva teabe põhjal. HTML-faili saab kasutada kolmel viisil: väliselt, sisemiselt ja ükshaaval.
Sisemised ja üksikud stiililaadid salvestatakse HTML-faili enda sees. Neil on hetkel lihtne töötada, kuid kuna neid ei salvestata kesksesse asukohta, on kogu internetis korraga lihtne muuta stiilile; peate selle asemel iga kirje juurde tagasi minema ja seda käsitsi muutma.
Kuid välise stiililehega salvestatakse lehekülje renderdamise juhised ühte faili, mis muudab stiili kogu veebisaidi või mitme elemendi jaoks väga lihtsaks. Fail kasutab .CSS-faililaiendit ja selle faili asukoha link on lisatud HTML-dokumenti, nii et veebibrauser teab, kuhu stiilijuhiseid otsida.
Ühe või mitme dokumendi saab linkida sama CSS-faili ja veebisaidil võib olla mitmeid unikaalseid CSS-faile erinevate lehtede, tabelite, piltide jne kujundamiseks.
Kuidas linkida välisele stiililehele
Iga veebileht, mis soovib teatud välise stiililehe kasutamist, peab linki CSS-faili saatma jaotises, sarnaselt sellele:
head>Selles näites on ainus asi, mida vaja muuta, et muuta see teie enda dokumentidele kohaldatavaks, on stiilid.css tekst. See on teie CSS-faili asukoht.
Kui faili tegelikult nimetatakse styles.css ja asub täpselt samas kaustas, mis sellega seostub, siis võib see jääda täpselt nii nagu ülaltoodud tekstis. Siiski on tõenäoline, et teie CSS-fail on pealkirjaga midagi muud, millisel juhul võite lihtsalt muuta nime "stiilidest" igasse oma olemusse.
Kui CSS-fail ei ole selle kausta juurliks, vaid selle asemel alamkataloogis, võiks see asemel lugeda midagi sellist:
head>Lisateave välistest CSS-failidest
Välisstiilis lehtede suurim kasu on see, et neid ei seostata konkreetse lehega. Kui stiil on tehtud sees või sees, ei pruugi veebisaidi teised lehed sellele stiilieelistustele viidata.
Välise kujundusega võib sama CSS-faili kasutada veebisaidil vaid iga lehe kohta, nii et kõigil neil oleks ühesugune välimus, ja kogu veebisaidi CSS-i sisu muutmine on väga lihtne ja tsentraliseeritud.
Näete, kuidas see töötab allpool ...
Sisemine stiil nõuab -märgiste kasutamist, kuna neid tuleb eristada sildistest:
keha {taustavärv: roheline; } h1 {värv: sinine; margin-left: 15px; } style> head>Kuid kuna välimised stiilid sisalduvad oma failis, saab neid luua nii nagu see, ja see tähendab täpselt sama asja nagu ülaltoodud näidis:
keha {taustavärv: roheline; } h1 {värv: sinine; margin-left: 15px; }Nendes näidetes kehtib inline stiil ainult selle konkreetse lehe kohta, mis ilmneb asjaolust, et see sisaldub selle HTML-lehekülje pealkirja üksikasjades. Teise näitena on CSS-i info CSS-failis iseseisev, et ükskõik milline leht võib linki kasutada koodi ülaservas jaotisest Kuidas linki välisele stiililehele .