ЦСС Оквир: Импромпту и ефекат

Цасцадинг Стиле Схеетс (ЦСС) за све своје логичке једноставности омогућавају не само да створи спектакуларну дизајнерско решење, али и дају елементе праве акције, да опонашају учинак стварног кода.

Било визуелна ознака ХТМЛ означавање - правоугаоног облика површине одређене структуре и садржаја. Елемент састоји индикацију координата, величина, паддинг, боја, фонт, стил фонта и тако даље. Фраме ЦСС-елемент им спецификује окупираног подручја, који се налази унутра од њених граница на овде означен ширине.

синтакса опис

ПОЉЕ постављање елемената наведено координате у односу на горњем левом углу странице (лево, топ), величине у хоризонталном и вертикалном правцу (ширина, висина). Сви пројекти и анимација елементи су израђени у паровима "имовине: вредност".

Опис се врши директно у страну код да убаците стил или у посебној датотеци, указујући да му Линк референца. синтакса:

#наме {особина: вредност; особина: вредност; особина: вредност; ...}

или

.наме {особина: вредност; особина: вредност; особина: вредност; ...}

Име може бити п тело, ХТМЛ, сто, ТД ..., то је име ХТМЛ означавање ознаком. Може бити повезана директно са описом елемента стила.

Пре него што чине свој стил писања, не боли да видим како се то ради на популарним сајтовима, задржавајући код странице, или притиском на Цтрл-у да бисте је видели директно у бровсеру.

Основни параметри

Заправо ЦСС оквир елеменат представља стил (фонт-сизе), боја (граница боје), ширина (фонт-сизе). све се може сажети у једну имовину - границу. Можете описати сваку границу оквира независно (маргин-топ, бордер, бордер-лефт, граница-десно).

ЦСС оквир описан општим правилима Цасцадинг Стиле Схеетс:

цолор: 3пк;
бордер боја: црвена;
фонт-сизе: дупла испрекидана чврста испрекидана.

Овај опис одређује ширину границе од 3 пиксела, боја - црвени, стил стране: горње стране двоструког, у праву - испрекидана, чврсте доле, лево - тачка.

бордер-видтх: 1пк 2пк 4пк 8пк;
бордер боја: плава;
тект-алигн: доттед.

Овде, димензије сваке стране су редом од врха, смеру казаљке на сату, боја - плава, и стила - Тачка.

бордер боја: плава црвена зелена црна;

у овој спецификацији, појединачних наведених боје на свакој страни. бордер проперти могу укључивати више параметара, а углове оквира може бити коло:

граница: 1пк зелена чврста;
хеигхт: 0пк 4пк 8пк 12пк;
-моз-хеигхт: 0пк 4пк 8пк 12пк;
бордер-радијус: 0пк 4пк 8пк 12пк;

О томе како направити оквир у ЦСС, то зависи од употребљивости посетиоца, јер обично стилски ефекат се користи за техничке сврхе, када је важно да се покаже тачну локацију и величину простора на страници.

Дебљина оквира и намени

Избором дебљину оквира, можете користити пк, ПТ, ем ..., али треба имати на уму да је увек у елементу на терену. Тешко је претпоставити да је оквир има своју сврху дизајна ЦСС, али технички је веома корисно да се истакне елементе странице.

Ако је главни класа оквир закључан, то је одсутан, тако што ћете га наводећи у псеудо-класе: ховер може да се покаже посетиоцима странице елемента, када је курсор миша, као што је истицање ставке менија. Понекад је потребно да изаберете нешто кликом на слику или превуците нешто негде. Веома је погодан за коришћење дот оквир, а не да се промени позадину елементу или њен садржај.

Неке апликације захтевају доделу области странице, или одаберите ставке за даљу обраду. У овом случају, у време клика да створи див са границе и докле год посетилац не отпустите тастер миша, величину га, показује визуелно резултат избора.

напољу под

ЦСС туториали су веома интересантни, јер је значај истраживања кодови страница популарних сајтова. Међутим, властита средства морају бити јединствени, она мора да има своју лице.

Под условом да синтакса ЦСС оквира не даје такву разноврсност, као по сопственој иницијативи. Импровизовану - одличан почетак, и ништа не спречава програмер за изградњу своје оквир. Посебно са свим достигнућима Интернет технологије и могућности постојећих стандарда имају много обећавају идеје засноване на стварним недостаци постојећег синтаксе, који је (по дефиницији) је увек био строго формалан.

Посебно ако и успоставити обим одређених елемената, чини примерено да то ураде свеобухватно. Истицање индивидуалне ознаке на странама и угловима региона, можете добити невероватне ефекте. А додељивање одговарајуће сировина, може створити динамичне елементе страница, мењају положај, облик и садржај.