Веб странице се састоје од одређеног броја делова, укључујући слике, текст и разне документе. Ови документи не укључују само оне на које се може повезати са различитих страница, попут ПДФ датотека, већ и документе који се користе за конструкцију самих страница, попут ХТМЛ документи да би се утврдила структура странице и ЦСС (Цасцадинг Стиле Схеет) документи који диктирају изглед странице. Овај чланак ће се позабавити ЦСС-ом, покривајући шта је то и где се данас користи на веб локацијама.
ЦСС лекција из историје
ЦСС је први пут развијен 1997. године као начин за веб програмере да дефинишу визуелни изглед веб страница које су креирали. Требало је да омогући веб професионалцима да одвојити садржај и структуру кода веб странице из визуелног дизајна, нешто што раније није било могуће.
Одвајање структуре и стила омогућава ХТМЛ-у да изврши већи део функције на којој се првобитно заснивао - означавање садржаја, без бриге о дизајну и изгледу саме странице, нечему што је познато као „изглед и осећај“ страна.
Еволуција ЦСС-а
ЦСС је стекао популарност тек око 2000. године када су веб прегледачи почели да користе више од основних аспеката фонта и боја овог језика за означавање. Данас сви савремени прегледачи подржавају читав ЦСС ниво 1, већину нивоа ЦСС 2, па чак и већину аспеката нивоа ЦСС 3. Како се ЦСС наставља развијати и уводе нови стилови, веб претраживачи су почели да примењују модуле који уносе нову ЦСС подршку у те прегледаче и дају веб дизајнерима моћне нове алате за обликовање да раде са.
У протеклих (много) година било је изабраних веб дизајнера који су одбили да користе ЦСС за дизајн и развој веб страница, али та пракса је данас готово нестала из индустрије. ЦСС је сада широко коришћен стандард у веб дизајну и било би вам тешко да нађете некога ко данас ради у индустрији и који није имао барем основно разумевање овог језика.
ЦСС је скраћеница
Као што је већ поменуто, израз ЦСС означава „Цасцадинг Стиле Схеет“. Хајде да мало разбијемо ову фразу како бисмо у потпуности објаснили шта ови документи раде.
Реч „табела стилова“ односи се на сам документ (попут ХТМЛ-а, ЦСС датотеке су заправо само текстуални документи који се могу уређивати различитим програмима). Стилски листови се већ дуги низ година користе за дизајн докумената. Они су техничке спецификације за изглед, било штампани или онлајн. Дизајнери штампе већ дуго користе стилске листове како би осигурали да се њихови дизајни штампају тачно према њиховим спецификацијама. Табела стилова за веб страницу служи у исте сврхе, али са додатном функционалношћу, а такође говори веб прегледачу како да прикаже документ који се прегледава. Данас се могу користити и ЦСС табеле стилова медијски упити да бисте променили начин на који страница тражи различитих уређаја и величина екрана. Ово је невероватно важно, јер омогућава да се један ХТМЛ документ различито приказује, у зависности од екрана који му се користи за приступ.
Цасцаде је заиста посебан део израза „каскадни табеларни лист“. Табела веб стила је намењен каскадном прелажењу кроз низ стилова у том листу, попут реке преко водопада. Вода у реци погађа све стене у водопаду, али само оне на дну утичу тачно где ће вода тећи. Исто важи и за каскаду у табелама стилова веб локација.
Табеле стилова дизајнера замењују задате табеле прегледача
На сваку веб страницу утиче најмање један лист стилова, чак и ако веб дизајнер не примењује ниједан стил. Ова листа стилова је табелу стилова корисничког агента - познати и као задати стилови које ће веб прегледач користити за приказ странице ако нису дата друга упутства. На пример, хипервезе су подразумевано плаве и подвучене. Ти стилови потичу из подразумеваног листа стилова веб прегледача. Међутим, ако веб дизајнер пружи друга упутства, прегледач ће морати да зна која упутства имају предност. Сви прегледачи имају своје задане стилове, али многи од тих задатих вредности (попут плаво подвучених текстуалних веза) деле се у свим или већини главних прегледача и верзија.
За други пример подразумеваног претраживача, у нашем веб прегледачу подразумевани фонт је "Тимес Нев Роман"приказано у величини 16. Готово ниједна страница коју посећујемо не приказује се у тој породици фонтова и величини. То је зато што каскада дефинише да се други стилски листови, које постављају сами дизајнери, редефинишу величина фонта и породица, заменивши подразумеване вредности нашег веб прегледача. Све табеле стилова које направите за веб страницу имаће више специфичности од задатих стилова прегледача, тако да ће се подразумеване вредности примењивати само ако их табела стилова не замени. Ако желите да везе буду плаве и подвучене, не морате ништа да радите, јер је то подразумевано, али ако ЦСС датотека ваше веб локације каже да везе треба да буду зелене, та боја ће заменити подразумевану плаву. Подвучено ће остати у овом примеру, јер нисте другачије навели.
Где се користи ЦСС?
ЦСС се такође може користити за дефинисање изгледа веб страница приликом гледања у другим медијима осим у Интернет претраживач. На пример, можете да направите табелу стилова за штампу која ће дефинисати како веб страница треба да се одштампа. Будући да ставке веб страница попут навигационих дугмади или веб образаца неће имати сврху на одштампаној страници, табела стила штампе може се користити за „искључивање“ тих подручја када се страница штампа. Иако то није уобичајена пракса на многим веб локацијама, опција стварања листова стилова за штампу је моћна и атрактивна (у нашој искуство - већина веб професионалаца то не ради једноставно зато што опсег буџета веб локације не захтева овај додатни посао бити урађено).
Зашто је ЦСС важан?
ЦСС је један од најмоћнијих алата који веб дизајнер може научити, јер помоћу њега можете утицати на целокупан визуелни изглед веб странице. Добро написани листови стилова могу се брзо ажурирати и омогућити веб локацијама да промене оно што је приоритетно визуелно на екран, који заузврат показује вредност и фокус посетиоцима, без икаквих промена на подлога ХТМЛ маркуп.
Главни изазов ЦСС-а је тај да постоји још понешто за научити - а са прегледачима који се мењају свакодневно, оно што данас добро функционише можда сутра неће имати смисла јер нови стилови постају подржани, а други одустају или падају у немилост из једног разлога или други.
ЦСС крива учења вреди тога
Будући да ЦСС може каскадно и комбиновати, и узимајући у обзир како различити прегледачи могу различито тумачити и примењивати директиве, ЦСС може бити теже научити од обичног ХТМЛ-а. ЦСС се такође мења у прегледачима на начин на који ХТМЛ то заиста не чини. Једном када започнете да користите ЦСС, видећете да ће вам коришћење снаге табела стилова пружити невероватну флексибилност у начину постављања веб страница и дефинисању њиховог изгледа и осећаја. Успут ћете скупити „врећу трикова“ стилова и приступа који су вам одговарали у прошлости и којима се можете поново обратити док сте изградити нове веб странице убудуће.