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