Kaskados stiliaus lapai turi daug privalumų. Jie leidžia jums naudoti tą patį stiliaus lapą visoje svetainėje. Tai galima padaryti dviem būdais:
- susiejant su elementu LINK
- importuoti naudojant komandą @import
Išorinių stiliaus lakštų privalumai ir trūkumai
Vienas geriausių dalykų kaskados stiliaus lapai yra tai, kad galite juos naudoti, kad jūsų svetainė būtų nuosekli. Lengviausias būdas tai padaryti yra susieti arba importuoti išorinį stiliaus lapą. Jei kiekvienam svetainės puslapiui naudojate tą patį išorinį stiliaus lapą, galite būti tikri, kad visi puslapiai bus vienodi stilius.
Kai kurie išorinių stiliaus lapų naudojimo pranašumai yra tai, kad vienu metu galite valdyti kelių dokumentų išvaizdą. Tai ypač naudinga, jei kurdami savo svetainę dirbate su žmonių komanda. Daugelis stiliaus taisyklių gali būti sunkiai įsimenamos, ir nors jūs galite turėti atspausdintą stiliaus vadovą, tačiau tai vargina nuolat jį vartyti, kad nustatytumėte, ar teksto pavyzdys bus rašomas 12 taškų „Arial“ šriftu, ar 14 taškų Kurjeris.
Galite sukurti stilių klases, kurios vėliau gali būti naudojamos daugeliui skirtingų HTML elementų. Jei dažnai naudojate specialų „Wingdings“ šriftą, norėdami pabrėžti įvairius dalykus savo puslapyje, galite naudoti „Wingdings“ klasę, kurią sukūrėte savo stiliaus lape, kad jas sukurtumėte, o ne apibrėžtumėte konkretų stilių kiekvienam pabrėžimas.
Galite lengvai sugrupuoti savo stilius, kad jie būtų efektyvesni. Visi CSS prieinami grupavimo metodai gali būti naudojami išoriniuose stiliaus lapuose, o tai suteikia daugiau galimybių kontroliuoti ir lankstinti jūsų puslapius.
Be to, yra labai svarių priežasčių nenaudoti išorinių stiliaus lapų. Pirma, jie gali pailginti atsisiuntimo laiką, jei susiesite su daugeliu jų.
Kiekvieną kartą, kai sukuriate naują CSS failą ir susiejate arba importuojate jį į savo dokumentą, tam reikia, kad žiniatinklio naršyklė dar kartą paskambintų į žiniatinklio serverį, kad gautų failą. Serverio skambučiai sulėtina puslapio įkėlimo laiką.
Jei turite tik nedaug stilių, jie gali padidinti jūsų puslapio sudėtingumą. Kadangi stiliai nėra matomi tiesiai HTML, kiekvienas, žiūrintis į puslapį, turi gauti kitą dokumentą (CSS failą), kad suprastų, kas vyksta.
Kaip sukurti išorinį stiliaus lapą
Išoriniai stiliaus lapai rašomi taip pat, kaip įdėtieji ir įterptiniai stiliaus lapai. Bet viskas, ko jums reikia parašyti, yra stilius selektorius ir deklaracija. Dokumente nereikia elemento „STYLE“ ar atributo.
Kaip ir su visais kitais CSS, taisyklės sintaksė yra:
selektorius {nuosavybė: vertė; }
Šios taisyklės įrašomos į tekstinį failą su plėtiniu.
.css. Pavyzdžiui, galite pavadinti savo stiliaus lapą.
stiliai.css.
CSS dokumentų susiejimas
Norėdami susieti stiliaus lapą, naudokite elementą LINK. Tai turi atributus rel ir href. „Rel“ atributas nurodo naršyklei, ką jūs susiejate (šiuo atveju stiliaus lapas), o „href“ atributas palaiko kelią į CSS failą.
Taip pat yra pasirinktinis atributo tipas, kurį galite naudoti apibrėždami susieto dokumento MIME tipą. Tai nereikalinga HTML5, bet turėtų būti naudojama HTML 4 dokumentuose.
Štai kodas, kurį naudosite susieję CSS stiliaus lapą, vadinamą styles.css:
HTML 4 dokumente turėtumėte parašyti:
type = "text / css">
Importuojami CSS stiliaus lapai
Importuoti stiliaus lapai dedami į STYLE elementą. Tada galite naudoti įterptinius stilius, jei norite. Importuotus stilius taip pat galite įtraukti į susietus stiliaus lapus. STYLE arba CSS dokumento viduje parašykite:
@import url (' http://www.yoursite.com/styles.css');