Вањска ЦСС дефиниција и како се повезати на једно
Када веб претраживач учита веб страницу, начин на који се појављује одређује информација из каскадног стила. Постоји три начина да ХТМЛ датотека користи стилски стил: екстерно, интерно и он-лине.
Интерни и инлине линијски стилови се чувају унутар самог ХТМЛ фајла. У овом тренутку је лако радити, али зато што нису ускладиштени на централној локацији, немогуће је лако направити промјене стила на читавој веб локацији одједном; морате се уместо тога вратити у сваки унос и промијенити га ручно.
Међутим, са спољним листом стилова, упутства за приказивање странице се чувају у једној датотеци, што олакшава уређивање стила на читавој веб локацији или више елемената. Датотека користи екстензију датотеке .ЦСС, а линк на локацију те датотеке је укључен у ХТМЛ документ тако да веб претраживач зна где треба тражити упутства за стајлинг.
Један или више докумената може се повезати на исту ЦСС датотеку, а веб страница може имати много јединствених ЦСС датотека за стилинг различитих страница, табела, слика итд.
Како повезати на спољашњи стил лист
Свака веб страница која жели да користи одређени спољни стилни стил треба да се повеже са ЦСС датотеком из секције <хеад> , слично овоме:
<хеад> <линк рел = "стилесхеет" типе = "тект / цсс" хреф = "стилес.цсс">У овом примјеру, једино што је потребно промијенити како би се примијенило на ваш властити документ, јесте стилес.цсс текст. Ово је локација ваше ЦСС датотеке.
Ако се датотека заправо зове стилес.цсс и налази се у истој фасцикли као и документ који се повезује са њим, онда може остати управо онако како се чита горе. Међутим, шансе су да је ваша ЦСС датотека названа нешто друго, у ком случају можете само променити име из "стилова" на оно што је твоје.
Ако ЦСС датотека није у корену ове фасцикле, већ уместо у потфасцикли, можда би прочитала нешто овако:
<хеад> <линк рел = "стилесхеет" типе = "тект / цсс" хреф = "стилес \ менус \ блацк.цсс">Више информација о спољним ЦСС датотекама
Највећа корист спољашњих стилских листова је да нису повезани са било којом одређеном страницом. Ако се стилинг изведе интерно или он-лине, друге странице на веб локацији не могу да указују на оне које су преференце на стилу.
Међутим, с екстерним стилом, иста ЦСС датотека може се користити за буквално сваку појединачну страницу на веб локацији тако да сви имају јединствен изглед, а уређивање ЦСС садржаја цијелог веб сајта је изузетно лако и централизовано.
Можете видети како то функционише испод ...
Унутрашњи стил захтева употребу ознака <стиле> јер их мора разликовати од <хтмл> тагова:
<хеад> <стиле> боди {бацкгроунд-цолор: греен; } х1 {боја: плава; маргин-лефт: 15пк; }Међутим, пошто су спољни стилови садржани унутар њихове сопствене датотеке, они се могу креирати овако, а то значи исту ствар као и претходни узорак:
боди {бацкгроунд-цолор: греен; } х1 {боја: плава; маргин-лефт: 15пк; }У овим примјерима, инлине стилинг се односи само на ту одређену страницу, евидентно чињеницом да је садржано у детаљима заглавља ове ХТМЛ странице. Са другим примером, ЦСС подаци су самостални у ЦСС датотеци коју свака страница може повезати са коришћењем кода из одељка " Како се повезати на спољашњи стил лист " изнад.