Kuyini layout block? Indlela abeke ekhasini elilodwa kusayithi lakho bebodwa?

Kukhona unesifiso sokuthola lokho ezisifundisa ukuthi uyenze eyakho Amakhasi amasayithi? Khona-ke ake aba yingcweti emisebenzini lokho block sakhiwo. imfundamakhwela Isakhiwo ukuhlangabezana eziningi nobunzima, banayo imibuzo eminingi. Cabanga ngalokho block esephepheni.

Kuvele ithiphu ezibalulekile

Sebenzisa umhleli WYSIWYG, ngakho konke kwaba sobala. Labo abazi-HTML kahle, umsebenzi notebook, ngoba baqonda konke. Futhi Wabasaqalayo ingakwazi izinhlelo ezifana FrontPage noma, isibonelo, Dreamweaver.

Izinhlobo isakhiwo amasayithi

Kunezinhlobo eziningana isakhiwo:

1. Tabular.
2. Block.
3. Mixed.

Sinesithakazelo block sakhiwo. Yini ehlukanisa ke etafuleni? Ngezinye amabhlogo layout usebenzisa UKWAHLUKANISWA ithegi kunezinzuzo ezithile:

1. Layisha nge ukuklanywa amabhlogo ngokushesha.
2. Okuqukethwe kuboniswa amabhlogo (ngokungafani amathebula) njengoba thwebula kwenzeka. Njengoba yaziwa, lezi amatafula ekhombisa kuphela emva lonke etafuleni.
3. Ikhodi nge div-s kulula ukufunda.

Akukhona zonke izinzuzo, okuyinto idume block sakhiwo.

Indlela ukushintsha indawo div-amabhlogo?

Lokhu kuyosisiza ukuba untante - lokhu impahla, okuyinto uyakwazi lokhu okulandelayo:

1. Beka kwesokunxele - kwesokunxele.
2. Ukuze beka kwesokudla - kwesokudla.
3. Elementi uhlala lapho ekhona, ngeke ukuthutha uma unikezwa noyedwa. Lokhu value kuyoba okuzenzakalelayo.

Esinye isici esibalulekile ukuthi sidinga - ecacile. Angase 4 Amanani:

1. Ukuze ukufakwa ngaphansi into eyedlule, ukuthuthela ilungelo, vimba - kwesokudla.
2. amasethi Kwesobunxele ngezansi element langaphambilini, okuyinto wathutha leftward.
3. Bobabili - Ukufakwa block odlule dengwane.
4. Akekho kubonisa ukungabi khona imikhawulo isikhundla isihlobo block kulabo izakhi ukuthi sishukumiseleka.

Ngokwesibonelo

Cabanga indlela izobukeka block div sakhiwo. Sibhala ikhodi yethu:

Ngaphansi ikhodi oyibona umphumela. Ngakho, ngesisekelo izakhiwo eziningana zingalawulwa ilungiselelo block njengoba oyifunayo. Iya okwamanje esilandelayo. Siye sasebenzisa umbhalo-Qondanisa: isikhungo, ukuze uqondanise ebhokisini ngalinye nganoma yisiphi isiphequluli.

Njengoba ubona, ke ulula block isakhiwo isayithi. Kubalulekile ukufunda futhi abenza imizi engaphezulu ukuthi kuzodala isakhiwo enetjhuguluko kwamakhasi.

Into ebaluleke nakakhulu

Kukhona esinye isici ethandwa ukuthi isetshenziswa kusakhiwo - isikhundla, isetshenziselwa Positioning.

Amanani property isikhundla:

1. Isihlobo - usetha isikhundla izakhi isihlobo ezindaweni koqobo. Isicelo kwesokunxele, phezulu, righ, phansi isici uhamba indlela ethile.
2. Static - evamile isibonisi lento. Kwenza akukho mqondo ukusebenzisa ilungelo / kwesokunxele, phezulu / naphansi - kungase kuholele lutho.
3. Ingabe Ohulumeni Banalo Lonke - ngokuphelele ukuma isici.
4. Fixed - efanayo ngokuphelele. It nakanjani iphuzu elithile esikrinini, kodwa akashintshi isikhundla salo, ngisho noma ikhasi phezulu.

Abaningi isakhiwo waphawula ukuthi uma usebenzisa lele isihlwathi, ngokuphelele futhi eyisihlobo Amabhulokhi esikhulu. Bese ezithakazelisayo ukwazi lapho amabhlogo ngezansi, ngenhla. Ukuze siphendule lo mbuzo, udinga z-index impahla. Kwaletha isakhiwo amabhlogo ezingeni elisha. Lokhu kwenza kube nokwenzeka hhayi kuphela ukwenza ukuma indiza, kodwa futhi esebenzisa eksisi Z. lwesithathu Inani isakhiwo esinjalo kungase kube kuhle noma kube kubi.

Dala emabhuloki la -3. Ngokulandelayo, linga ngamasu ahlukahlukene ngenhloso weThebula leNzungezo.

Njengoba ubona, kulula ukushintsha isikhundla amabhlogo. Ngesisekelo yokuthi manje usuyakwazi ukuthintana, ukwenza noma yiluphi aphansi ikhasi block sakhiwo. Ukusebenzisa izakhiwo uyokubona uthuthukise amakhono akho.