Kas yra bloko išdėstymas? Kaip nustatyti vieną puslapį savo svetainėje dėl jų pačių?

Yra noras išmokti savo puslapius svetaines? Tada tegul įvaldę ką bloko išdėstymas. Išdėstymas naujokas susitikti su daug sunkumų, jie turi daug klausimų. Apsvarstykite, kas yra blokas kodavimas.

Svarbus patarimas

Naudoti WYSIWYG redaktorių, todėl viskas buvo aiškiau. Tie, kurie žino, HTML gerai, darbą nešiojamojo kompiuterio, nes jie supranta viską. Ir pradedantiesiems gali pasinaudoti programomis, pavyzdžiui, FrontPage ar, pavyzdžiui, Dreamweaver.

Tipai išdėstymo vietų

Yra keletas tipų išdėstymą:

1. Lentelių.
2. Blokas.
3. Sumaišyti.

Esame suinteresuoti bloko maketą. Kas išskiria jį nuo stalo? Tuo bloko išdėstymo naudojant DIV žymės turi tam tikrų privalumų:

1. Įkelti su blokų greičiau dizainas.
2. Turinio rodomas blokus (skirtingai lenteles), kaip tai atsitinka atsisiųsti. Kaip žinoma, šios lentelės bus rodomas tik po visą lentelę.
3. Kodas su DIV-ai lengviau skaityti.

Tai ne visi privalumai, kuris garsėja bloko maketą.

Kaip pakeisti vietą div blokus?

Tai padės mums plaukti - šį objektą, kuris yra pajėgi taip:

1. Suderinti kairėje - į kairę.
2. Suderinti teisę - teisę.
3. Elementas išlieka kur jis buvo, jis negali judėti, jei suteikta nė vieno. Ši vertė bus numatytoji.

Kitas svarbus bruožas, kad mums reikia - aišku. Jis gali turėti 4 reikšmes:

1. Montuojant pagal ankstesnį punktą, judėti į dešinę, bloko - teisę.
2. Left rinkiniai žemiau ankstesnio elemento, kuris persikėlė į kairę.
3. Abu - įrengimas ankstesnį išstumto bloką.
4. Nė vienas rodo apribojimų bloko, palyginti su tais elementais, kurie yra perkelti pozicijos nebuvimą.

pavyzdys

Apsvarstykite, kaip jis atrodys blokas išdėstymo div. Mes rašome mūsų kodą:

Pagal kodą pamatysite rezultatą. Tokiu būdu, dėl kelių savybių pagrindu gali būti kontroliuojamas blokas išdėstymas, kaip pageidaujama. Eiti į kitą akimirką. Mes naudojome text-align: center, suderinti kiekvieną bloką bet kokia naršykle.

Kaip matote, tai gana paprasta blokas išdėstymas svetainėje. Svarbu mokytis ir praktikuoti daugiau savybių, kurios bus sukurti lankstesnę struktūrą puslapiuose.

Kažkas svarbesnis

Yra vienas populiarus funkcija, kuri yra naudojama išdėstymo - padėtis, jis vartojamas pozicionavimo.

Atsirado "padėtyje savybių reikšmės:

1. Santykinis - Nustato elementų santykinių pradines vietas poziciją. Taikymas į kairę, viršuje, Righ, dugno elementas juda tam tikra kryptimi.
2. Statinis - normalus ekranas punktas. Nėra jokios prasmės naudoti į dešinę / kairę, iš viršaus / iš apačios - tai gali sukelti nieko.
3. Absoliutus - absoliuti padėties elementas.
4. Fiksuoto - panašus absoliuti. Jis susietas su tam tikru ekrane, bet tai nekeičia savo pozicijos, net jei puslapio prakeiktas.

Daugelis išdėstymas pastebėjau, kad naudojant fiksuotą, absoliučią ir santykinę padėtį blokų yra iškaltas. Ir tada įdomu žinoti, kuris iš žemiau blokus, kurie anksčiau. Norėdami atsakyti į šį klausimą, reikia z indekso turtą. Jis atnešė išdėstymo blokus į naują lygį. Tai leidžia ne tik atlikti lėktuvo padėties, bet taip pat, naudojant trečiosios ašies Z. Tokio turto vertė gali būti teigiamas arba neigiamas.

Sukurti 3 blokus. Kitas, eksperimentuoti su absoliučiu padėties.

Kaip matote, tai lengva pakeisti blokų padėtį. Dėl to, kad jūs dabar sugebate pagrindu, kad bet kuri nedaloma blokas išdėstymo puslapį. Taikant daugiau savybių jums pagerinti savo įgūdžius.