Što je izgled bloka? Kako nametnuti jednu stranicu svoje stranice na vlastitu?

Tu je želja naučiti napraviti svoj vlastiti stranice web stranice? Onda idemo savladali što je blok izgled. Izgled početnik zadovoljiti niz poteškoća, oni imaju puno pitanja. Razmislite o tome što je blok kodiranje.

Važan savjet

Koristite WYSIWYG editor, tako da je sve bilo jasnije. Oni koji znaju HTML dobro, rad u bilježnici, jer oni razumiju sve. A početnici mogu iskoristiti programe kao što je FrontPage ili, na primjer, Dreamweaver.

Vrste izgled stranice

Postoji nekoliko vrsta izgleda:

1. Tablični.
2. Blok.
3. Mješoviti.

Mi smo zainteresirani za blok izgleda. Ono što ga razlikuje od stola? U blok rasporedu pomoću DIV oznake ima određene prednosti:

1. Učitaj s dizajnu blokova brže.
2. Sadržaj prikazan blokova (za razliku od tablica) kao što se događa download. Kao što je poznato, ove tablice će se prikazati tek nakon cijelog stola.
3. Kod sa div-a lakše za čitanje.

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

Kako promijeniti lokaciju div-blokova?

To će nam pomoći da plutaju - tu imovinu, koja je u stanju od sljedećeg:

1. Align lijevo - lijevo.
2. Uskladiti pravo - pravo.
3. Element ostaje gdje je bio, on se neće pomaknuti ako je dao ništa. Ova vrijednost će biti zadana.

Još jedna važna značajka koja nam je potrebna - jasno. On može imati 4 vrijednosti:

1. Za ugradnju u prethodnom stavku, pomaknite se udesno, blok - pravo.
2. Lijevi postavlja ispod prethodnog elementa, koji se pomiče na lijevu stranu.
3. Oba - Ugradnja prethodne raseljene bloka.
4. Nitko ukazuje na odsutnost ograničenja na položaj bloka u odnosu na one elemente koji su se preselili.

primjer

Razmislite kako će izgledati blok izgleda div. Pišemo našu kod:

Pod šifrom vidite rezultat. Dakle, na temelju nekoliko svojstava može se kontrolirati blok raspored po želji. Idi na sljedećem trenutku. Mi smo koristili text-align: center, uskladiti svaki blok za bilo kojeg preglednika.

Kao što možete vidjeti, to je prilično jednostavan blok raspored stranice. Važno je proučavati i prakticirati više nekretnina koje će stvoriti fleksibilnije strukture stranice.

Nešto važnije

Postoji jedna popularna značajka koja se koristi u izgledu - položaj, ona se koristi za pozicioniranje.

Vrijednosti svojstava pozicije:

1. Relativna - postavlja položaj elemenata u odnosu na izvorna mjesta. Primjena lijevo, vrh, righ, donji element pomiče u određenom smjeru.
2. Statički - normalna stavka prikaza. To nema smisla koristiti lijevo / desno, gore / dolje - to može dovesti do ništa.
3. Apsolutni - apsolutni element za pozicioniranje.
4. Fiksni - slično apsolutna. To je dužan da u određenom trenutku na ekranu, ali to ne mijenja svoj položaj, čak i ako je stranica flipping.

Mnogi izgleda primijetio da kada se koristi fiksnu, apsolutni i relativni pozicioniranje blokova se preklapaju. A onda je zanimljivo znati koje od niže navedenih blokova, koje je gore. Za odgovor na to pitanje, trebate z-indeksa imovine. On je donio izgleda blokova na novu razinu. To omogućuje ne samo da bi pozicioniranje u avionu, ali i pomoću treće osi Z. Vrijednost takve imovine može biti pozitivna ili negativna.

Napravite 3 bloka. Dalje, eksperiment s apsolutnom pozicioniranje.

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