Шта је распоред блока? Како да наметне једну страницу свог сајта сами?

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

Важан врх

Употребите едитор ВИСИВИГ, тако да је све било јасније. Они који знају ХТМЛ добро, рад у свесци, јер они разумеју све. И почетници могу искористити програма, као што су ФронтПаге или, на пример, Дреамвеавер.

Врсте распореда локација

Постоји неколико типова распореда:

1. Табеларни.
2. Блок.
3. Микед.

Ми смо заинтересовани у изгледу блока. Оно што је разликује од стола? У блоку распоред користећи ознаку ДИВ има одређене предности:

1. Лоад са дизајном блокова брже.
2. Садржај приказан блокова (за разлику од табела) као што се дешава преузимање. Као што је познато, ове табеле ће приказати тек након целог стола.
3. Код са Див-а лакше за читање.

То није све предности, које је познато по изгледу блока.

Како да промените ДИВ-блокова локације?

То ће нам помоћи да плутају - ову особину, која је у стању да од следећег:

1. Поравнат улево - лево.
2. Да усклади право - право.
3. Елемент остаје где је био, он неће да се помери ако се даје ништа. Ова вредност ће бити подразумевани.

Друга важна карактеристика које нам је потребно - јасан. Он може имати 4 вредности:

1. За уградњу испод претходног става, пређите у десни, блок - право.
2. Лефт комплета испод претходног елемента, који се помера са леве стране.
3. Оба - Уградња претходног расељених блока.
4. Ноне указује на одсуство ограничења положаја блока у односу на оне елементе који су кретали.

пример

Размислите како ће изгледати као блок лаиоут див. Пишемо наш код:

Под шифром видите резултат. Така, на основу неколико својстава могу контролисати блока аранжман по жељи. Иди на следећем моменту. Користили смо тект-алигн: центер, ускладити сваки блок за било који бровсер.

Као што можете видети, то је прилично једноставан блок распоред сајта. Важно је да проучава и практикује више особине које ће створити флексибилнији структуру странице.

Нешто важније

Постоји једна популарна функција која се користи у изгледу - положај, користи се за позиционирање.

Вредности својстава положаја:

1. Релативна - поставља положаја елемената у односу на првобитне локације. Примена лево, горе, Ригх, доња креће елемент у одређеном правцу.
2. Статиц - нормалан екран ставка. То нема смисла да користе десно / лево, горе / доле - то може да доведе до ништа.
3. Абсолуте - апсолутна позиционирање елемент.
4. Фиксни - слично апсолутна. Он је везан за одређене тачке на екрану, али то не мења своју позицију, чак и ако страница окретањем.

Многи распоред приметио да када се користи фиксни, апсолутни и релативни позиционирање блокова се преклопе. А онда занимљиво знати који од блокова испод које горе. Да би одговорили на ово питање, треба ли з-индек имовину. То је довело изглед блокова на нови ниво. То омогућава не само да позиционирање авиона, али и путем трећег З. осе Вредност такве имовине може бити позитивна или негативна.

Створити 3 блока. Следеће, експеримент са апсолутном позиционирању.

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