Odatdagi oqim, elementlarning aksariyat hollarda veb-sahifada aks etadigan usuli hisoblanadi. HTML-dagi barcha elementlar inline qutilar yoki blok qutilari bo'lgan qutilarga kiradi.
Blok qutilarini joylashtirish
Oddiy oqimda, blokirovka qutilari boshqa sahifada ( HTMLda yozilgan tartibda) bir sahifada joylashtiriladi. Ular o'z ichiga olgan qutining yuqori chap qismidan boshlanadi va tepadan pastga suyakka boshlanadi. Har bir qutining orasidagi masofa yuqori va pastki chetida chekkalari bir-biriga yiqilib joylashgan chekkalari bilan belgilanadi.
Masalan, siz quyidagi HTML-ga ega bo'lishingiz mumkin:
Bu birinchi div. Uning kengligi 200 piksel, uning atrofida esa 5 dyuym.
Bu kengroq divdir.
Bu ikkinchi bo'lagidan bir oz kengroq bo'lgan div.
Har bir DIV blok element bo'lib, u avvalgi blok elementining ostiga joylashtiriladi. Har bir chap tashqi chetga o'z ichiga olgan blokning chap tomoniga tegib turadi.
Inline qutilarni joylashtirish
Inline qutilari sahifada gorizontal ravishda, ikkinchisi esa konteyner elementining tepasida boshlanadi. Inline qutining barcha elementlarini bitta satrda joylashtirish uchun etarli joy bo'lmaganda, ular keyingi qatorga o'tadi va u erdan vertikal holda yig'iladi.
Masalan, quyidagi HTML-da:
Ushbu matn qalin va bu matn kursivdir . Va bu aniq matn.
Paragraf blok elementi, ammo 5 satr elementi mavjud:
- "Ushbu matn"
- "qalin"
- "va bu matn"
- "kursiv"
- "Bu aniq matn."
Shunday qilib, oddiy oqim bu blok va inline elementlarning veb-sahifada veb-uslubchisi tomonidan hech qanday aralashuvisiz qanday ko'rinishini beradi.
Biror elementni qaerda turganini bilmoqchi bo'lsangiz, siz CSS joylashuvini yoki CSS-ni ishlatishingiz mumkin.