Išorinis CSS apibrėžimas ir kaip susieti su vienu
Kai žiniatinklio naršyklė įkelia žiniatinklio puslapį, tai, kaip jis rodomi, yra informacija iš pakopinio stiliaus lapo. HTML failo naudojimui trys būdai yra naudoti stiliaus lapą: išoriškai, viduje ir in-line.
Vidiniai ir linijiniai stiliaus lapai yra saugomi pačiame HTML faile. Šiuo metu jiems lengva dirbti, bet kadangi jie nėra saugomi centrinėje vietoje, vienu metu negalima lengvai keisti stiliaus visoje tinklavietėje; jūs turite grįžti į kiekvieną įrašą ir pakeisti jį rankiniu būdu.
Tačiau naudojant išorinį stilių lapą, puslapio pateikimo instrukcijos saugomos viename faile, todėl labai lengva redaguoti stilių visoje svetainėje arba keliuose elementuose. Failas naudoja .CSS failo plėtinį ir nuoroda į šio failo vietą yra įtraukta į HTML dokumentą, kad žiniatinklio naršyklė žinotų, kur ieškoti stiliaus instrukcijų.
Vienas ar keli dokumentai gali susieti su tuo pačiu CSS failu, o svetainėje gali būti daug unikalių CSS failų, skirtų skirtingiems puslapiams, lentelėms, atvaizdams ir kt.
Kaip susieti su išoriniu stiliaus lapeliu
Kiekvienas tinklalapis, kuris nori naudoti tam tikrą išorinį stiliaus lapą, turi susieti su CSS failu iš skyriaus , panašiai kaip šis:
Šiame pavyzdyje vienintelis dalykas, kurio reikia keisti, kad jis būtų taikomas jūsų paties dokumentui, - tai tekstas styles.css . Tai yra jūsų CSS failo vieta.
Jei failas yra faktiškai vadinamas styles.css ir yra toje pačioje aplanke kaip su juo susietas dokumentas, jis gali likti lygiai taip, kaip parodyta aukščiau. Tačiau yra tikimybė, kad jūsų CSS failas vadinamas kažkuo kitu, tokiu atveju galite tiesiog pakeisti pavadinimą iš "stilių", kad ir kas yra jūsų.
Jei CSS failas nėra šio aplanko šaknis, bet jo pakatalogyje, jis gali skaityti kažką panašaus:
Daugiau informacijos apie išorines CSS rinkmenas
Didžiausia išorinių stilių lentelių nauda yra tai, kad jie nėra susieti su konkrečiu puslapiu. Jei stiliaus atlikimas atliekamas viduje arba atskirai, kiti tinklalapio puslapiai negali nurodyti tų stiliaus nuostatų.
Tačiau naudojant išorinį stilių, tas pats CSS failas gali būti naudojamas tiesiog kiekviename svetainės puslapyje, kad visi jie būtų vienodai išvaizdūs, o viso svetainės CSS turinio redagavimas yra labai paprastas ir centralizuotas.
Galite pamatyti, kaip tai veikia žemiau ...
Dėl vidinio stiliaus reikia naudoti