Blokli va satrli elementlar. Rang va shrift turlari

Blokli va satrli elementlar. Rang va shrift turlari Reja: Bloklarni joylashtirish Nisbiy pozitsiyalash (relative) Absolyut pozitsiyalash Fiksirlangan bloklar 1. Bloklarni joylashtirish. Blok yaratilib, uning xususiyati berilgach, brauzer oynasida joylashish o'rnini aniqlash kerak. Umumiy holda blokning o'rni bir nechata parametrlarga bog'liq. Asosiy rolni esa blokni joylashtirish sxemasi o'ynaydi. Blokni joylashtirish sxemasining to'rt turi mavjud. 1. Normal oqim 2. Nisbiy pozitsiya. 3. Absolyut pozitsiya. 4. Suzuvchi bloklar modeli. Bundan tashqari hujjatning kodida blokning joylashgan o'rni muhim rol o'ynaydi. Monitor ekraning o'lchchami va ko'rsatish qobiliyati ham ahamiyatli. Ko'pchilik web-dizaynerlar minimal ko'rsatish qobilyaitini 800x600 deb olib, ishlashini shunga moslaydilar. Normal oqim. Normal oqim bo'yicha blokni joylashtirish sxemasi oddiy.Hamma struktura yoki qatortipidagi bloklar vertikal yo'nalish bo'yicha yuqoridan pastg a qarab ketma-ket joylasheveradi va shu tarzda monitor ekranida aks etadi. Bunda ikkita struturali blok hech qachon bir gorizontal chiziqda joylasha olmaydi. Qator tipli bloklarni brauzer gorizontal yo'nalish bo'yicha ketma-ket joylashtiradi. Bunday qator chiziqli blok deyiladi, va bir nechta qator tipli bloklar bitta chiziqli blokda joylashishi mumkin. Agar joy etmasa vertikal bo'yicha keyingi qatorga o'tadiNormal oqim o'z xususiyatiga ko'ra HTML kod qanday tartibda yozilsa, shu tartibda ish bajaradi. Agar jadvaldan foydalanilmasa, normal oqim yordamida, murakkab sahifalar tayyorlash mumkin emas. Kengligi 80%, qalinligi 1 px va yashil ramka chiziq bilan o'ralgan, hamda sahifaning o'rtasida joylashadigan asosiy blok yaratamiz. #main border:1px green solid; margin:0 auto; width:80%; NTM L kodida esa quyidagicha konstruktsiya yoziladi: ...