What is the perenah blok? Kumaha maksakeun kaca tunggal loka anjeun sorangan?

Aya kahayang diajar ngadamel situs kaca sorangan? Lajeng hayu urang geus mastered naon tata perenah block. novice perenah papanggih sababaraha kasusah, aranjeunna geus loba patarosan. Mertimbangkeun naon block coding.

Hiji tip penting

Paké editor WYSIWYG, jadi sagalana éta jelas. Teu nyaho eta saha HTML ogé, karya dina kuduna, sabab ngarti sagalana. Sarta beginners bisa ngamangpaatkeun program kayaning FrontPage atanapi, contona, Dreamweaver.

Rupa situs perenah

Aya sawatara jenis perenah:

1. Tabular.
2. Blok.
3. Dicampurkeun.

Urang museurkeun tata perenah block. Naon distinguishes tina tabél? Di perenah block maké tag DIV boga kaunggulan nu tangtu:

1. Muka kalawan desain blok gancang.
2. Eusi ditampilkeun blok (kawas tabel) salaku undeuran lumangsung. Kawas dipikanyaho, tabel ieu bakal nembongkeun ngan sanggeus sakabéh méja.
3. Kode kalawan div-s gampang maca.

Teu sagala kaunggulan, nu kasohor tata perenah block.

Kumaha carana ngarobah lokasi div-blok?

Ieu bakal mantuan kami pikeun ngambang - sipat ieu nu sanggup di handap:

1. Align ditinggalkeun - tinggaleun.
2. Pikeun align katuhu - katuhu.
3. Unsur tetep dimana anjeunna, anjeunna moal mindahkeun lamun taya dibikeun. nilai Ieu bakal standar éta.

fitur séjén Kadé urang peryogi - jelas. Nya meureun kudu 4 nilai:

1. Pikeun instalasi dina item saencana, mindahkeun ka katuhu, blok - katuhu.
2. susunan ditinggalkeun handap unsur saméméhna, nu keur dipindahkeun ka kénca.
3. Duanana - pamasangan block lunta saméméhna.
4. Euweuh nunjukkeun henteuna larangan dina posisi block relatif ka maranéhanana elemen nu dipindahkeun.

conto

Mertimbangkeun kumaha éta bakal kasampak kawas block div perenah. Simkuring nulis kode kami:

Dina kode nu katingali hasilna. Ku kituna, dina dasar sababaraha sipat bisa dikawasa susunan block sakumaha dipikahoyongna. Buka momen salajengna. Kami geus dipaké téks-align: puseur, mun align unggal blok pikeun browser nanaon.

Salaku bisa ningali, éta téh perenah block rada basajan loka éta. Kadé diajar sarta latihan beuki pasipatan anu bakal nyieun struktur leuwih fleksibel ngeunaan kaca.

Hal anu leuwih penting

Aya hiji fitur populer anu digunakeun dina perenah di - posisi, éta dipaké pikeun posisi.

Nilai keur sipat posisi:

1. Dulur - susunan posisi elemen rélatif kana lokasi aslina maranéhanana. Aplikasi ditinggalkeun, luhureun, righ, handap unsur belah dina arah nu tangtu.
2. Statik - tampilan item normal. Ayeuna damel moal aya rasa ngagunakeun hak / ditinggalkeun, luhur / handap - eta bisa ngakibatkeun nanaon.
3. Absolut - unsur positioning mutlak.
4. Dibereskeun - sarupa mutlak. Hal ieu kabeungkeut ka titik nu tangtu dina layar, tapi teu ngarobah posisi na, komo lamun kaca flipping.

Loba perenah noticed nu lamun maké positioning tetep, mutlak tur relatif blok anu superimposed. Lajeng metot uninga nu ngeunaan blok handap, nu luhur. Pikeun ngajawab pertanyaan ieu, anjeun perlu harta z-indéks. Eta dibawa blok perenah ka tingkat anyar. Ieu ngamungkinkeun teu ukur nyieun posisi tina pesawat, tapi ogé ku cara maké di Z. sumbu katilu Nilai sipat saperti bisa jadi positif atawa négatif.

Jieun 3 blok. Salajengna, percobaan kalawan positioning mutlak.

Salaku bisa ningali, éta téh gampang pikeun ngarobah posisi blok. Dina dasar kanyataan yén anjeun ayeuna bisa, sangkan sagala kaca perenah block dasar. Nerapkeun beuki sipat anjeun bakal ngaronjatkeun kaahlian Anjeun.