Врх странице ЦСС: позиционирање садржаја

Распоред ЦСС-а је увек био правоугаоног. Све глатке линије су компетенције програмера. Правила стила пружају довољно опција да се странама постави глатка форма унутар резолуције екрана. Међутим, сваки елемент изгледа увијек је правоугаоник у којем је распоређивање информација регулисано ЦСС правилима.

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

Основна правила позиционирања

Елемент блока има правило угаоности са стране елемената у којем се налази маргина, правило урезивања за елементе унутар ње (подлога) и ширина границе (границе), која се такође може користити.

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

Уобичајена пракса ЦСС правила: можете подесити инденте са свих страна подједнако, у паровима горе / доље и десно / лево или за сваку страну посебно. На пример,

• маргин: 10пк;
• паддинг: 10пк20пк;
• паддинг: 10пк20пк30пк40пк.

У првом случају, елемент је урезанСа стране спољашњег контејнера у којем се налази. У другом случају, подлога на врху и дну је 10пк, лева и десна маргина су 20пк. У трећем случају, величине алата су означене са свих страна: одозго, са десне стране, одоздо и са леве стране.

У свим овим случајевима, удаљавање на врху ЦСС је 10 пк.

Правила која мењају положај елемената

Ако елемент постављања није апсолутно позициониран, налази се у општем редоследу формирања странице.

Ако утврдимо индент на врху ЦСС-а у елементу сцЦуррИнфо, циљ ће бити постигнут, и ако је на нивоу Ли, не.

У овом примјеру, кориштењем правила додавања: 40пк; захтева адекватно смањење правила ширине и висине на 80пк. У супротном, величина сцЦуррИнфо блока ће проћи изван спољног блока.

Ако уклоните правило за додавање из дефиниције сцЦуррИнфо, али додајте га вриједношћу 20пк у опис стила ставке листе, удаљавање. ЦСС неће применити ову вредност на друге стране.

Природно, ова употреба правила увлачења се примјењује на сваки елемент.

Општа пракса обликовања садржаја

Неки програмери постижу савршенство тако што куцају странице са блок елементима. Очигледно је да је класична пракса - почети са столова и завршити сопствени образовни процес на блоковима.

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

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

Познати приказ странице у обликуправоугаоници (распоред блокова) не спречава да се она представи у облику табеле. Ово су такође правоугаони, али су и ћелије табеле, то јест, они имају своја правила која допуњују правила блокова.

Апсолутно позиционирање

Блок са правилом ПОСИТИОН: апсолутно; биће лоцирана на локацији коју постављају координате у односу на блок у којем се налази.

Карактеристична карактеристика ЦСС правила је "пракса је најбољакритеријум истине "у већини случајева, посебно када је неопходна компатибилност између читача и лаиоут се врши ручно, пожељно је проучавати пуноправне приручнике за каскадне стилске листове.

Употреба табела често доводи до проблемауклања садржај ћелија. Слично померање унутар блока не утиче увијек на све елементе. Експериментисање, можете постићи жељени резултат. Једноставни задатак: како Да бисте уклонили индент са врха, ЦСС не решава увек три пута.

У неким случајевима, када морате да унесетеелементи странице у цревима било ког популарног система за управљање садржајем локације, неопходно је ипак обратити пажњу не само на експерименталну праксу, већ и на искуство колега.</ спан> </ п>