Три врсте ЦСС стилова

Израда веб страница с предњим крајевима често је представљена као столица са три ноге која се састоји од:

  • ХТМЛ за структуру сајта
  • ЦСС за визуелне стилове
  • Јавасцрипт за понашања

Друга нога ове столице, Цасцадинг Стиле Схеетс, подржава три различита стила која можете додати у документ.

  1. Уграђени стилови
  2. Уграђени стилови
  3. Спољни стилови

Сваки од ових ЦСС стилова представља јединствене предности и недостатке.

Илустрација преносног рачунара са ЦСС приказаним на екрану.
хардик петхани / Гетти Имагес 

Инлине Стилес

Уграђени стилови су стилови који се записују директно у ознаку у ХТМЛ документу. Уграђени стилови утичу само на одређену ознаку на коју су примењени:


Ово ЦСС правило деактивира стандардну декорацију подвлачења текста за ову везу. Међутим, то не би променило ниједну другу везу на страници. Ово је једно од ограничења уграђених стилова. Будући да се мењају само на одређеној ставци, мораћете да обуздате ХТМЛ овим стиловима да бисте постигли јединствени дизајн странице. То није најбоља пракса: У ствари, то је један корак уклоњен из дана фонт ознаке и примеса структуре и стила на веб страницама.

instagram viewer

Уграђени стилови такође захтевају врло високу специфичност. Због тога их је тешко преписати са другим, нелинијским стиловима. На пример, ако желите да прилагодите веб локацију и промените начин на који елемент гледа на одређене тачке прекида помоћу медијски упити, уграђени стилови на елементу отежавају ово.

Уграђени стилови су прикладни само када их користите штедљиво, у приступу „изузетак од правила“ који један или два елемента издваја од њихових вршњака на страници.

Уграђени стилови

Уграђени стилови налазе се у глави документа. Затворени су у ознаке и подсећају на спољне ЦСС датотеке у том делу документа.

Уграђени стилови утичу само на ознаке на страници у коју су уграђени. Још једном, овај приступ негира једну од предности ЦСС-а. Будући да свака страница садржи стилове дефинисане у заглављу, ако желите да направите промену на целој локацији - попут промене боје веза од црвене до зелене - требало би да направите ову промену на свакој страници, јер свака страница користи уграђени стил лист. Овај приступ је бољи од уграђених стилова, али је у многим случајевима и даље проблематичан.


Табови стилова који се додају у заглавље документа такође додају значајну количину ознака на ту страницу, што такође може отежати управљање страницом у будућности.

Предност уграђених табела стилова је у томе што се они одмах учитавају са самом страницом, уместо да захтевају учитавање других спољних датотека. Ова техника може имати користи од брзине преузимања и перспективе перформанси.

Спољне табеле стилова

Већина веб локација данас користи спољне табеле стилова. Спољни стилови су стилови који су написани у засебном документу, а затим приложени разним веб документима. У главни документ се позивају помоћу ознака у глави документа. Спољне табеле стилова могу се налазити на истом серверу као и ХТМЛ или се могу у потпуности повући са другог сервера. То је често случај са средствима, попут фонтова, које многе веб локације позајмљују од Гоогле-а.

Спољашње табеле стилова утичу на било који документ којем су приложени, што значи да ако имате веб страницу од 20 страница на којој свака страница користи исти табелу стилова (то се обично ради), визуелно можете да промените сваку од тих страница једноставним уређивањем тог стила лист. Ова економија знатно олакшава дугорочно управљање локацијама.


Већина професионалних веб дизајнера користи примарну ЦСС датотеку да управља распоредом и дизајном веб локације.

Лоша страна спољних табела стилова је та што захтевају странице за дохватање и учитавање ових спољних датотека. Неће свака страница користити сваки стил у ЦСС листу, тако да ће многе странице учитати много већу ЦСС страницу него што је заправо потребно.

Иако је тачно да постоји погодак за перформансе спољних ЦСС датотека, то сигурно може бити минимизирано. Реално, ЦСС датотеке су само текстуалне датотеке, тако да за почетак нису велике. Ако ваша цела веб локација користи једну ЦСС датотеку, такође ћете добити предност тога што се тај документ кешира након што је првобитно учитан, што значи да могло би доћи до благог поготка перформанси на првој страници за неке посете, али наредне странице ће користити кеширану ЦСС датотеку, па би сваки погодак био негиран.