Kaj je postavitev bloka? Kako naložiti eno stran vaše spletne strani na svoje?

Obstaja želja, da se naučijo, da bi svoje strani od mesta? Potem pa so osvojili kar postavitev bloka. Postavitev novice izpolnjevati številne težave, ki jih imajo veliko vprašanj. Razmislite, kaj je blok kodiranje.

Pomemben nasvet

Uporabite urejevalnik WYSIWYG, tako da je bilo vse jasno. Tisti, ki vedo, HTML dobro, delo na prenosnem računalniku, ker so razumeli vse. In začetniki lahko izkoristijo programe, kot so FrontPage ali, na primer, Dreamweaver.

Vrste postavitev spletnih strani

Obstaja več vrst postavitev:

1. Tabelarični.
2. Block.
3. Mešati.

Smo zainteresirani za postavitev bloka. Kaj razlikuje od mize? Na postavitev bloka z uporabo DIV oznako ima določene prednosti:

1. Obremenitev z zasnovo blokov hitreje.
2. Vsebina prikazani bloki (za razliko od miz), kot pride do prenosa. Kot je znano, bodo te tabele prikaže šele po celotni tabeli.
3. Koda z div-ov lažje brati.

To še ni vse prednosti, ki je znana za postavitev bloka.

Kako spremeniti lokacijo div-bloke?

To nam bo pomagalo, da plavajo - to lastnost, ki je lahko naslednje:

1. Poravnaj levo - desno.
2. Za poravnavo desno - desno.
3. Element ostane, kjer je bil, da ne bo premaknil, če je dana nobena. Ta vrednost bo privzeta.

Druga pomembna značilnost, da moramo - jasno. On ima lahko 4 vrednosti:

1. Za vgradnjo pod prejšnjo točko, nato v desno, blok - pravico.
2. Levo sklopov pod prejšnji element, ki se premakne v levo.
3. Oba - Vgradnja prejšnjega premikanjem bloka.
4. Noben opozarja, da ni omejitev glede položaja bloka glede na tiste elemente, ki se premikajo.

primer

Razmislite, kako bo videti kot blok postavitev div. Pišemo našo kodo:

Pod oznako vidite rezultat. Tako lahko, na osnovi različnih lastnosti se nadzoruje režim blok po želji. Pojdi na naslednjem trenutku. Uporabili smo text-align: center, uskladiti vsak blok za katerega koli brskalnika.

Kot lahko vidite, je precej preprosta postavitev bloka mestu. Pomembno je, da za študij in prakso na več lastnosti, ki bodo ustvarili bolj fleksibilno strukturo strani.

Nekaj bolj pomembno

Obstaja ena priljubljena funkcija, ki se uporablja pri postavitvi - položaj, se uporablja za pozicioniranje.

Vrednosti lastnosti igro:

1. Relativna - določa položaj elementov glede na njihove prvotne lokacije. Uporaba levo, top, righ, premakne spodnji element v določeno smer.
2. Statični - normalen element prikaza. Nima smisla, da uporabite levo / desno, zgoraj / spodaj - to lahko vodi v nič.
3. Absolutna - absolutna pozicionirni element.
4. Fiksni - podobno absolutno. To je vezan na določene točke na zaslonu, vendar to ne spremeni svoje stališče, tudi če stran flipping.

Mnogi postavitev opazil, da se pri uporabi stalno, absolutno in relativno pozicioniranje blokov prekriva. In potem je zanimivo vedeti, kateri izmed blokov spodaj, ki je zgoraj. Da bi odgovorili na to vprašanje, morate z indeksom lastnine. Na njej so postavitve blokov na novo raven. To omogoča, da ne samo, da bi se položaj na ravnini, ampak tudi s pomočjo tretje osi Z. vrednost takšnega premoženja je lahko pozitivna ali negativna.

Ustvari 3 bloki. Nato poskus z absolutno pozicioniranje.

Kot lahko vidite, da je težko spremeniti položaj blokov. Na podlagi dejstva, da so sedaj sposobni, da bi vsako osnovno stran postavitve bloka. Uporabi več lastnosti, boste izboljšali svoje spretnosti.