Wat is de ynrjochting fan it blok? Hoe te lizzen in inkele side fan jo side op har eigen?

Der is in winsk om te learen om dyn eigen siden sites? Dan litte wy hawwe behearsket wat de blok opmaak. Layout novice moetsje in tal problemen, se ha in soad fragen. Tink oan wat is block taalkodearjen yn.

In wichtich Tip

Brûk de WYSIWYG bewurker, dus alles wie dúdliker. Dyjingen dy't witte HTML goed, wurk yn 'e laptop, omdat se begripe alles. En begjinners kin nimme foardiel fan programma 's sa as FrontPage of, bygelyks, Dreamweaver.

Soarten layout sites

Der binne ferskate soarten fan de yndieling:

1. Tabular.
2. Block.
3. Mongen.

Wy binne ynteressearre yn it blok jaske. Wat ûnderskiedt it fan 'e tafel? By block opmaak brûkend DIV tag hat beskate foardielen:

1. Laden mei it ûntwerp fan de blokken flugger.
2. Ynhâld sjen blokken (oars as tabellen) as de ynlaad optreedt. Lykas bekend, dizze tabellen sille werjaan pas neidat de hiele tafel.
3. Koade mei div-s makliker te lêzen.

It is net alle foardielen, dat is ferneamd foar it blok opmaak.

Hoe feroarje de lokaasje div-blokken?

Dit sil helpe ús om float - dat eigendom, dy't by steat is fan de neikommende:

1. Lofts rjochtsje - lofts.
2. Om align rjochts - rjochts.
3. Element bliuwt dêr't er wie, hy sil net ferhúzje oft opjûne gjint. Dizze wearde wurdt de standert.

In oar wichtich skaaimerk dat wy nedich - helder. Hy kin wêze 4 wearden:

1. Foar ynstallaasje ûnder de foargeande item, ferhúzje nei rjochts, blok - rjochts.
2. Left sets ûnder de foarige elemint, dat wurdt ferpleatst nei lofts.
3. Beide - Ynstallaasje fan eardere displaced blok.
4. Gjint jout it ûntbrekken fan beheiningen op 'e posysje fan it blok relative oan dy eleminten dy't ferhuze.

foarbyld

Betink hoe't it sil sjen as in blok opmaak div. Wy skriuwe ús koade:

Under de koade dy't jo sjogge it resultaat. Sa, oan de hân fan ferskate eigenskippen kinne jo ynstelle block arrangement as winske. Gean nei it folgjende momint. Wy hawwe brûkt text-align: sintrum, om align elk blok foar eltse blêder.

Sa't jo sjen kinne, it is hiel simpel blok opmaak fan de side. It is wichtich om te studearjen en de mear eigenskippen dy't sil meitsje in mear fleksibele struktuer fan 'e siden.

Wat wichtiger

Der is ien populêre eigenskip dat brûkt wurdt yn 'e opmaak - posysje, it wurdt brûkt foar posysjonearring.

De wearden foar de eigenskippen fan de posysje:

1. Relative - bepaalt de posysje fan 'e eleminten relatyf oan harren oarspronklike lokaasjes. Applikaasje oerbleaun, top, rìgh, ûnderkant elemint beweecht yn in bepaalde rjochting.
2. Statyske - normale werjefte item. It makket gjin sin te brûken rjochts / lofts, top / ûnderkant - kin liede ta neat.
3. Absolút - absolute posysjonearring elemint.
4. Fêst - ek absolute. It is bûn oan in bepaald punt op it skerm, mar it net feroarje syn posysje, ek at de side Flipping.

In soad opmaak merkte dat by it brûken fan in fêste, absolute en relative posisjonearring fan de blokken wurde oaninoar. En doe nijsgjirrich om te witten hokker fan 'e blokken hjirûnder, dêr't boppe. Om beäntwurdzje dizze fraach, jo nedich z-index eigendom. It brocht opmaak blokken nei in nij nivo. Dat makket it mooglik net allinnich om de posysje fan it fleantúch, mar ek troch middel fan de tredde as Z. De wearde fan sa'n pân kin wêze posityf of negatyf.

Meitsje 3 blokken. Folgjende, eksperimint mei absolute posysjonearring.

Sa't jo sjen kinne, is it maklik te feroarjen de posysje fan 'e blokken. Oan de basis fan it feit dat jo no by steat, om gjin elementary blok layout side. Tapassen fan de mear eigenskippen jo ferbetterje dyn feardichheden.