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