Blokda tuzumining nima? Qanday o'z saytingiz bir sahifasini yuklovchi?

O'z sahifalar saytlarni qilishni o'rganish istagi bor? So'ngra uning nima blok tartibi, o'zlashtirilgan qilaylik. Layout Ajam qiyinchiliklar bir qator kutib, ular ko'p savol bor. blok kodlash nima ko'rib chiqaylik.

Muhim Maslahat

Foydalaning WYSIWYG muharriri, shuning uchun hamma narsa tiniq edi. Ular hamma narsani tushunish, chunki, notebook yaxshi HTML, ish bilgan insonlar. Va yangi boshlanuvchilar, masalan, Dreamweaver kabi FrontPage sifatida dasturlarni foyda olish yoki mumkin.

tartibi, saytlar turlari

tuzumining bir necha turlari bor:

1. Singlisini.
2. Blok.
3. Mixed.

Biz blok tartibini manfaatdormiz. Bu jadvalda qanday ajratadigan? DIV yorlig'i yordamida blok tortdilar da ma'lum afzalliklarga ega:

1. tezroq bloklar dizayni bilan yuklashingiz mumkin.
2. download sodir bo'lib kontent (jadvallar farqli o'laroq) bloklari ko'rsatilgan. Ma'lumki, bu jadvallar faqat butun stol keyin namoyon bo'ladi.
3. div-s oson bilan kodi o'qish uchun.

Bu blok tuzumining mashhur emas, balki butun afzalliklari, deb.

Qanday Manzil div-bloklari o'zgartirish?

Bu float bizga yordam beradi, - quyidagi qodir Ushbu korxonalar:

1. chapga - chapga tenglashtirmoq.
2. o'ng moslashtirishdan - huquqiga.
3. Element u qaerda hech berilgan bo'lsa, u harakat qilmaydi qoladi. Bu qiymat default bo'ladi.

Biz kerak yana bir muhim xususiyati - aniq. U 4 qiymatiga ega bo'lishi mumkin:

1. oldingi qalamini o'rnatish uchun, o'ng, blok ko'chib - huquqiga.
2. chapga harakat qilmoqda oldingi element, quyida Chap sozlash.
3. Har ikki - avvalgi joyidan blokda o'rnatish.
4. Hech ko'chib qolganlarga elementlariga blok nisbatan holatiga cheklovlar yo'qligini ko'rsatadi.

misol

Bu blok kabi qarash qanday o'ylab ko'ring tartibi, div. Biz kodni yozish:

kodi ostida natija qarang. Kerakli Shunday qilib, bir necha xususiyatlari asosida blok tartibni nazorat qilinishi mumkin. Keyingi Ayni o'tish. Har qanday brauzer uchun har bir blok moslashtirishdan, markazi: Biz matn-Hizala foydalangan.

Ko'rib turganingizdek, bu sayt juda sodda blok tartibi. Bu o'rganish va sahifalar yanada moslashuvchan tuzilishini yaratadi ko'proq xususiyatlarini amalda qilish muhim ahamiyatga ega.

yana muhim narsa

tortdilar ishlatiladi bir mashhur xususiyati bor - joy, bu joylashtirish uchun ishlatiladi.

mavqeini xususiyatlari qiymatlari:

1. Nisbiy - asl manzilida nisbatan elementlar o'rnini belgilab beradi. Application chap, tepa, righ, ma'lum bir yo'nalishda pastki element harakat.
2. Statik - normal ko'rsatish band. Bu o'ng / chapga, yuqori / pastki foydalanish uchun hech qanday ma'noga - u hech narsa olib kelishi mumkin.
3. Mutlaq - mutlaq joylashishni element.
4. Statsionar - mutlaq o'xshash. Bu ekranda ma'lum bir nuqtaga bog'liq bo'lgan, lekin u ham sahifa qiyshiq bo'lsa, uning o'rnini o'zgartirish emas.

Bir qancha tartib bloklari bir, doimiy mutlaq va nisbiy joylashishni foydalanish paytida bindirilmiş payqashdi. Va keyin qiziqarli bilish quyida bloklari qaysi yuqorida qaysi. Bu savolga javob berish uchun, siz z-index mol kerak. Bu yangi bosqichga tartibi, bloklari olib keldi. Bu samolyot joylashishni aniqlash qilish uchun, balki bunday mol-mulk qiymati ijobiy yoki salbiy bo'lishi mumkin, uchinchi o'qi Z. orqali nafaqat beradilar.

3 bloklari yaratish. mutlaq joylashishni aniqlash bilan Keyingi eksperiment.

Ko'rib turganingizdek, bu bloklar o'rnini o'zgartirish oson. Agar hozir ega ekanligini aslida asosida, har qanday boshlang'ich blok tartib sahifa qilish. yana xususiyatlarini qo'llash, mahoratini oshirish imkonini beradi.