Koja je raspored bloka? Kako da izrekne jedinstvenu stranicu Vaše web lokacije na svoju ruku?

Postoji želja da nauče da napraviti svoj vlastiti stranice web stranice? Onda su ovladali šta raspored bloka. Raspored novice ispuniti niz poteškoća, oni imaju puno pitanja. Uzmite u obzir ono što je blok kodiranje.

Važan savjet

Koristiti WYSIWYG editor, tako da je sve bilo jasnije. Oni koji poznaju HTML dobro, rad u svesci, jer su sve razumiju. I početnici mogu iskoristiti programe kao što su FrontPage ili, na primjer, Dreamweaver.

Vrste rasporeda lokaliteta

Postoji nekoliko tipova rasporeda:

1. Tabelarni.
2. Blok.
3. Mješoviti.

Mi smo zainteresirani u izgledu bloka. Ono što ga izdvaja od stola? Na blok raspored pomoću DIV tag ima određene prednosti:

1. Stavite sa dizajnom blokova brže.
2. Sadržaj prikazan bloka (za razliku od stolova) kao što se dešava preuzimanje. Kao što je poznato, ove tabele će se prikazati tek nakon cijelog stola.
3. Kod sa div-e lakše za čitanje.

To nije sve prednosti, koji je poznat po raspored blok.

Kako promijeniti lokaciju div-blokova?

To će nam pomoći da lebdi - ove nekretnine, koja je sposobna sljedeće:

1. Poravnaj lijevo - lijevo.
2. Da biste poravnali desno - desno.
3. Element ostaje gdje je bio, on se neće kretati ako im ništa. Ova vrijednost će biti default.

Druga važna karakteristika koja nam je potrebna - jasan. On može imati 4 vrijednosti:

1. Za ugradnju prema prethodnom stavku, pomaknite udesno, blok - desno.
2. Ostavio setova ispod prethodni element, koji se preselio u lijevo.
3. Oba - Ugradnja prethodne raseljenih bloka.
4. Nema ukazuje na odsustvo ograničenja na položaj bloka u odnosu na one elemente koji su preselili.

primjer

Razmislite o tome kako će izgledati blok raspored div. Pišemo kod:

Pod šifrom vidite rezultat. Tako je, na osnovu nekoliko svojstava može se kontrolirati blok raspored po želji. Idite na sljedeći trenutak. Koristili smo text-align: centar, kako bi se uskladila svaki blok za bilo pretraživača.

Kao što možete vidjeti, to je prilično jednostavan blok raspored stranice. Važno je da se uči i vježbati više svojstava koje će stvoriti fleksibilnije strukture stranice.

Nešto važnije

Postoji jedna popularna funkcija koja se koristi u izgledu - položaj, on se koristi za pozicioniranje.

Vrijednosti za svojstva pozicije:

1. Relativna - postavlja položaj elemenata u odnosu na svoje originalne lokacije. Primjena Left, Top righ, donji element kreće u određenom pravcu.
2. Statički - normalan prikaz stavku. Nema smisla koristiti pravo / lijevo, gore / dolje - to može dovesti do ništa.
3. Absolute - apsolutni element pozicioniranja.
4. Fiksni - slično apsolutna. To je vezan za određene tačke na ekranu, ali to ne mijenja svoj položaj, čak i ako stranice flipping.

Mnogi raspored primijetio da kada se koristi fiksnu, apsolutni i relativni pozicioniranje blokova preklapaju. I onda zanimljivo znati koji od blokova ispod, koji iznad. Odgovoriti na ovo pitanje, treba ti z-index imovine. To je donijelo raspored blokova na novi nivo. Zbog toga je moguće ne samo da bi pozicioniranje aviona, ali i putem Z. treće osovine Vrijednost takve imovine može biti pozitivna ili negativna.

Stvoriti 3 bloka. Zatim, eksperiment s apsolutno pozicioniranje.

Kao što možete vidjeti, to je lako promijeniti položaj blokova. Na osnovu činjenice da ste sada u mogućnosti, da bi bilo osnovno blok izgled stranice. Primjenom više svojstava ćete poboljšati svoje vještine.