Каскадни стилови (ЦСС), за све што је логичноједноставност омогућава не само стварање ефикасног дизајнерског решења, већ и пружање елементима стварне акције и емулацију извршења стварног кода.
Било која визуелна ХТМЛ ознака за означавање -правоугаона област дефинисане структуре и садржаја. Елемент садржи индикацију координата, величина, увлаке, боје, фонт, његов стил, итд. Оквир ЦСС елемента специфицира површину коју он заузима, протежући се од његове ивице ка унутра до ширине назначене у опису.
Синтакса описа
Област постављања елемената је одређена координатамау односу на горњи леви угао странице (лево, горе), хоризонталну и вертикалну величину (ширина, висина). Сви елементи дизајна и анимације се изводе у паровима: „својство : вредност“.
Опис се изводи директно у коду странице, у уметнуту стила или у посебној датотеци, упућујући на њу линком ЛИНК. Синтакса:
#наме { својства: вредност; вредност имовине; вредност имовине; ... }
или
.наме { својства: вредност; вредност имовине; вредност имовине; ... }
Име такође може бити п, боди, хтмл, табле, тд..., односно име ХТМЛ ознаке за означавање. Дозвољено је укључити опис стила директно на елемент.
Пре него што направите сопствене опцијестилова писања, не шкоди да видите како се то ради на популарним сајтовима тако што ћете сачувати код странице или притиснути Цтрл-У да бисте га видели директно у прегледачу.
Основни параметри
Приказана је стварна ЦСС граница за елементстил (бордер-стиле), боја (бордер-цолор), ширина (бордер-видтх). Све се може описати једним својством – границом. Сваки оквир оквира можете описати независно (ивица-врх, ивица-доле, ивица-лево, ивица-десно).
ЦСС оквир је описан коришћењем општих правила каскадних стилова:
граница: 3пк;
боја ивице: црвена;
у облику ивице: двоструко испрекидано пуна тачка.
Овај опис поставља ширину ивице на 3 пиксела, боју на црвену, а стил бочне стране да буде дупло горе, испрекидано десно, чврсто доле, тачкасто лево.
бордер-видтх: 1пк 2пк 4пк 8пк;
боја ивице: плава;
рубни стил: тачкасти.
Овде су димензије сваке стране такође означене узастопно, почевши од врха, у смеру казаљке на сату, боја је плава, а стил је тачкаст.
боја ивице: плава црвена зелена црна;
Овај опис специфицира боју сваке стране посебно. Својство границе може укључивати неколико параметара одједном, а углови оквира могу бити заокружени:
граница: 1пк зелена чврста;
бордер-радиус: 0пк 4пк 8пк 12пк;
-моз-бордер-радиус: 0пк 4пк 8пк 12пк;
-вебкит-бордер-радиус: 0пк 4пк 8пк 12пк;
Како направити ивицу у ЦСС-у зависипогодност за посетиоца, јер се овај ефекат стила обично користи у техничке сврхе: када је важно да се тачно прикаже локација или величина неке области на страници.
Дебљина оквира и његова намена
Када бирате дебљину оквира, можете користити пк, пт,ем..., али имајте на уму да је увек унутар опсега елемента. Тешко је замислити да ЦСС ивица има сврху дизајна, али је технички веома корисна за истицање елемената странице.
Ако је оквир закључан у главној класи, онданедостаје, онда ако га наведете у :ховер псеудо-класи, можете показати елемент странице посетиоцу када је курсор миша на њему, на пример, истицањем ставке менија. Понекад морате да изаберете нешто тако што ћете кликнути на слику или превући нешто негде. Овде је веома згодно користити тачкасти оквир, уместо да мењате позадину елемента или његов садржај.
Неке апликације треба истакнутиобласти странице или одабиром елемената за даљу обраду. У овом случају, у тренутку клика, можете креирати див са оквиром и све док посетилац не пусти дугме миша мењати његову величину, визуелно приказујући резултат избора.
Изнад онога што је предвиђено
ЦСС лекције су веома занимљиве, а важно је и проучавање кодова страница популарних сајтова. Међутим, ваш сопствени ресурс мора бити јединствен, мора имати своју личност.
ЦСС оквир који обезбеђује синтакса не обезбеђујетаква разноликост као сопствена иницијатива. Импромпту је одличан почетак и ништа не спречава дизајнера да формира сопствени оквир. Штавише, уз сва достигнућа интернет технологија и могућности актуелних стандарда, постоји много обећавајућих идеја заснованих на стварним недостацима постојеће синтаксе, која је (по дефиницији) увек била строго формална.
Конкретно, ако створимо оквир оних илиосталим елементима, чини се да је препоручљиво да се то уради на свеобухватан начин. Изолујући стране и углове области у засебне ознаке, можете добити невероватне ефекте. А додељивањем одговарајућих руковалаца, можете креирати динамичке елементе странице променом положаја, облика и садржаја.
