Kaskaadiga stiililehed on palju eeliseid. Need võimaldavad teil kogu veebisaidil kasutada sama stiililehte. Selleks on kaks võimalust:
- linkimine elemendiga LINK
- importimine käsuga @import
Väliste stiililehtede eelised ja puudused
Üks parimatest asjadest kaskaadiga stiililehed on see, et saate neid kasutada oma saidi järjepidevuse tagamiseks. Lihtsaim viis seda teha on välise stiililehe linkimine või importimine. Kui kasutate oma saidi iga lehe jaoks sama välist stiililehte, võite olla kindel, et kõigil lehtedel on sama stiilid.
Väliste stiililehtede kasutamise mõned eelised hõlmavad seda, et saate korraga kontrollida mitme dokumendi välimust ja tunnet. See on eriti kasulik, kui töötate oma veebisaidi loomisel koos meeskonnaga. Paljusid stiilireegleid võib olla keeruline meelde jätta ja kuigi teil võib olla prinditud stiilijuhend, on see tüütu olla seda pidevalt sirvida, et teha kindlaks, kas näidetekst tuleb kirjutada 12- või 14-punktilises Arial-kirjas Kuller.
Saate luua stiiliklasse, mida saab seejärel kasutada paljude erinevate HTML-elementide puhul. Kui kasutate sageli spetsiaalset Wingdingsi fonti, et oma lehel erinevatele asjadele rõhku panna, saate Wingdingsit kasutada klass, mille olete seadistanud oma stiililehel nende loomiseks, selle asemel, et määratleda konkreetne stiil igale eksemplarile rõhuasetus.
Saate hõlpsasti rühmitada oma stiilid tõhusamaks. Kõiki CSS-i jaoks saadaolevaid rühmitamismeetodeid saab kasutada välistes stiililehtedes ja see annab teile oma lehtedel suurema kontrolli ja paindlikkuse.
See tähendab, et on ka väga häid põhjuseid, miks väliseid stiililehti mitte kasutada. Esiteks võivad need pikendada allalaadimisaega, kui linkite paljudega neist.
Iga kord, kui loote uue CSS-faili ja linkite või impordite selle oma dokumenti, nõuab see, et veebibrauser helistaks faili saamiseks uuesti veebiserverisse. Ja serverikõned aeglustavad lehe laadimisaega.
Kui teil on ainult vähe stiile, võivad need teie lehte keerukamaks muuta. Kuna stiilid pole HTML-is otse nähtavad, peab igaüks lehte vaadates hankima uue dokumendi (CSS-faili), et toimuvast aru saada.
Kuidas luua välist stiililehte
Välised stiililehed kirjutatakse samamoodi nagu manustatud ja sisseehitatud stiililehed. Kuid kirjutamiseks on vaja ainult stiili valija ja deklaratsioon. Dokumendis pole vaja elementi STYLE.
Nagu kõigi teiste puhul CSS, on reegli süntaks järgmine:
valija {atribuut: väärtus; }
Need reeglid kirjutatakse laiendiga tekstifaili.
.css. Näiteks võite nimetada oma stiililehe.
stiilid.css.
CSS-dokumentide linkimine
Stiililehe linkimiseks kasutage elementi LINK. Sellel on atribuudid rel ja href. Atribuut rel ütleb brauserile, mida te linkite (antud juhul stiilileht) ja atribuut href hoiab CSS-faili teed.
Samuti on valikuline atribuuditüüp, mida saate kasutada lingitud dokumendi MIME tüübi määratlemiseks. See pole HTML5-s nõutav, kuid seda tuleks kasutada HTML 4 dokumentides.
Siin on kood, mida kasutate CSS-i stiililehe linkimiseks nimega styles.css:
HTML 4 dokumendis kirjutaksite:
type = "text / css">
CSS-i stiililehtede importimine
Imporditud stiililehed paigutatakse elemendi STYLE sisse. Seejärel saate soovi korral kasutada ka manustatud stiile. Lingitud stiililehtedesse saate lisada ka imporditud stiilid. STYLE- või CSS-dokumendi sisse kirjutage:
@impl url (' http://www.yoursite.com/styles.css');