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