Unsa ang Layout sa block? Sa unsa nga paagi nga magpahamtang sa usa ka pahina sa imong site sa ilang kaugalingon?

Adunay usa ka tinguha sa pagkat-on sa paghimo sa inyong kaugalingon nga mga mga panid sites? Unya ang ni batid unsa ang layout block. Layout novice pagsugat sa usa ka gidaghanon sa mga kalisdanan, sila adunay usa ka daghan sa mga pangutana. Tagda kon unsa ang block coding.

Usa ka importante nga tip

Gamita ang WYSIWYG editor, mao nga ang tanan tin-aw. Kadtong nahibalo HTML maayo, nga buhat sa notebook, tungod kay sila makasabut sa tanang mga butang. Ug beginners mahimo sa pagpahimulos sa programa sama sa FrontPage o, alang sa panig-ingnan, Dreamweaver.

Matang sa layout sites

Adunay pipila ka mga matang sa Layout:

1. Tabular.
2. Block.
3. Nga sinaktan.

Kami mga interesado sa layout block. Unsay nakapalahi niini gikan sa lamesa? Sa block layout sa paggamit div tag adunay pipila ka mga bentaha:

1. Load sa disenyo sa mga bloke nga mas paspas.
2. Content gipakita bloke (dili sama sa mga lamesa) ingon nga sa download mahitabo. Ingon sa nailhan, kini nga mga lamesa ang ipakita lamang human sa bug-os nga lamesa.
3. Code sa div-s mas sayon sa pagbasa.

Kini dili mao ang tanan nga mga bentaha, nga mao ang bantog nga alang sa layout block.

Sa unsa nga paagi sa pag-usab sa nahimutangan div-bloke?

Kini makatabang kanato sa float - niini nga kabtangan, nga mao ang makahimo sa mga mosunod:

1. Abin sa wala - wala.
2. Sa pagpahiangay sa tuo - matarung.
3. Nga elemento nagpabilin diin siya mao, siya dili molihok kon gihatag walay. bili Kini ang default.

Ang laing importante nga bahin nga atong gikinahanglan - tin-aw. Siya mahimong adunay 4 mga mithi:

1. Kay instalar sa ilalum sa miaging butang, mobalhin sa tuo, block - tuo.
2. Wala set sa ubos sa miaging elemento, nga mibalhin sa wala.
3. Ang duha - instalar sa miaging displaced block.
4. Walay nagpakita sa pagkawala sa pagdili sa posisyon sa block paryente sa mga elemento nga mibalhin.

nga panig-ingnan

Hunahunaa kon sa unsang paagi kini nga tan-awon sama sa usa ka block layout div. isulat nato ang atong code:

Ubos sa code nga makita mo sa resulta. Mao kini ang, sa basehan sa pipila kabtangan mahimong kontrolado block kahikayan sama sa gitinguha. Lakaw ngadto sa sunod nga higayon. Kami gigamit nga teksto-align: center, abin sa matag block alang sa bisan unsa nga browser.

Samtang kamo mahimo tan-awa, kini mao ang na yano nga block Layout sa site. Kini mao ang importante sa pagtuon ug pagpraktis sa mga dugang nga kabtangan nga paghimo sa usa ka labaw nga flexible gambalay sa mga panid.

Usa ka butang nga mas importante

Adunay usa ka popular nga bahin nga gigamit sa layout - posisyon, kini gigamit alang sa positioning.

Ang mga prinsipyo alang sa mga kabtangan sa posisyon:

1. Paryente - nagtakda sa posisyon sa mga elemento paryente sa ilang orihinal nga mga dapit. Paggamit sa wala, ibabaw, matarung, ubos nga elemento nagalihok sa usa ka direksyon.
2. Nagapahulay, nagahunong - normal nga display nga butang. Kini naghimo sa wala may salabutan sa paggamit sa tuo / wala, ibabaw / ubos - kini modala ngadto sa bisan unsa.
3. Bug-os - bug-os nga positioning elemento.
4. Natudlong - susama nga bug-os. Kini mao ang gigapos sa usa ka punto sa screen, apan kini dili mag-usab sa posisyon niini, bisan kon ang panid Nagpakli-pakli.

Daghan ang layout namatikdan nga sa diha nga ang paggamit sa usa ka natudlong, hingpit ug paryente positioning sa mga bloke nga maghulma. Ug unya makapaikag nga masayud nga sa mga bloke sa ubos, nga sa ibabaw. Aron sa pagtubag niini nga pangutana, kamo kinahanglan z-index kabtangan. Kini gidala bloke Layout sa usa ka bag-o nga ang-ang. Kini naghimo niini nga posible nga dili lamang aron sa paghimo sa positioning sa eroplano, kondili usab pinaagi sa ikatulo nga axis Z. Ang bili sa maong usa ka kabtangan mahimong positibo o negatibo.

Paghimo 3 bloke. Sunod, eksperimento uban sa bug-os nga positioning.

Samtang kamo mahimo tan-awa, kini mao ang sayon sa pag-usab sa posisyon sa mga bloke. Sa basehan sa sa kamatuoran nga ikaw karon makahimo, aron sa paghimo sa bisan unsa nga elementarya panid block layout. Ang pagpadapat sa mga dugang nga kabtangan imong pagpalambo sa imong mga kahanas.