Женски веб дизајнер ради на свом рачунару у модерној канцеларији
Кредит за слику: монкеибусинессимагес/иСтоцк/Гетти Имагес
Оригинална спецификација Цасцадинг Стиле Схеетс, као и њена много новија ЦСС3 ревизија, су технологије које се користе за побољшање и форматирање ХТМЛ веб страница. ЦСС је првобитно дизајниран да управља слојем презентације веб странице на ефикаснији начин од форматирање помоћу ХТМЛ-а, који никада није имао за циљ да се носи са сложеном конструкцијом савременог Веба. Пошто је ЦСС2 универзално прихваћено проширење ЦСС1, термин ЦСС без броја подразумева укључивање ЦСС2. Спецификација ЦСС3 је још увек у развоју од јула 2014. године, тако да веб програмери треба да узму у обзир да подршка за функције варира између претраживача.
ЦСС3 је уназад компатибилан са ЦСС-ом
ЦСС3 је ажурирање за ЦСС2 које одржава компатибилност са свим функцијама ЦСС-а -- ЦСС3 не застарева ниједан ЦСС код. ЦСС3 код је дизајниран да учини да веб странице изгледају боље и брже се учитавају, као и да смањи време развоја за прављење страница у претраживачу корисника. ЦСС3 чини да се веб дизајн мање ослања на сликовне датотеке за елементе дизајна странице и смањује захтеве за пренос датотека и време преузимања коришћењем мањег броја слика. ЦСС1 се фокусирао на форматирање изгледа, док је ЦСС2 додао могућности позиционирања за текст и објекте. Старије верзије претраживача као што је ИЕ 9 и раније не подржавају у великој мери додатне функције ЦСС3, што може захтевати додатно време за развој да би се одржао ЦСС резервни код.
Видео дана
ЦСС3 додаје заобљене углове и градијенте
Пре ЦСС3, веб програмери су морали да дизајнирају датотеке слика како би додали ствари као што су заобљени углови за структурне ивице и градијенте позадинске слике; ЦСС3 укључује упоредиве карактеристике које се могу додати са неколико линија кода. У ЦСС-у, веб програмер мора да дизајнира ивицу или градијент, отпреми га на сервер слика, постави слику на страницу и користи ЦСС да правилно позиционира ивицу. У ЦСС3, веб програмер може да постигне нешто слично са кодом као што је ".роундБордер{бордер-радиус: 10пк;}". Позадински градијенти су мало компликованији и захтевају другачији код за различите претраживаче. На пример, градијент од белог до црног за Цхроме и ИЕ користи код као што је „.градБГ{позадина: линијски градијент (бело, црно);}“.
ЦСС3 додаје карактеристике анимације и текстуалне ефекте
ЦСС3 има прегршт функција које нису присутне у ЦСС-у за побољшање изгледа елемената ваше странице. Са ЦСС3, веб програмери могу да додају текстуалну сенку у текст да би олакшали читање или додали визуелни штих и могу да наметну преломе редова у дужим речима како би се уклопили у колоне са преламањем речи. Пре ЦСС3, веб програмери су морали да кодирају анимацију у скрипт језицима као што су ЈаваСцрипт и јКуери; ЦСС3 додаје неколико карактеристика анимације слоју дизајна. В3Ц још увек ради на стандарду за веб анимације како би решио проблеме компатибилности између различитих техника анимације.
ЦСС3 дефинише текстуалне колоне
ЦСС3 додаје могућност да се делови текста поделе у више колона да би се читали као новине. У спецификацији ЦСС2, веб програмери имају тешкоће да конструишу текстуалне одељке са више колона јер стандард није опремљен за аутоматско раздвајање текста. Нарочито код сајтова који имају респонзивни дизајн, развојну технику која преуређује и мења величину садржаја на основу гледајући резолуцију екрана уређаја, људи са већим мониторима могу имати потешкоћа да читају редове текста који се протежу по екран.
