Ang normal na daloy ay ang paraan na ipinapakita ang mga elemento sa isang web page sa karamihan ng mga sitwasyon. Ang lahat ng mga elemento sa HTML ay nasa loob ng mga kahon na alinman sa mga inline na kahon o mga bloke ng mga kahon.
Pagtatakda ng mga Block Box
Sa normal na daloy, ang mga bloke ng mga kahon ay nakaposisyon sa isang pahina isa pagkatapos ng isa (sa pagkakasunud-sunod na nakasulat sa HTML ). Magsisimula sila sa itaas na kaliwa ng kahon na naglalaman at salansan mula sa itaas hanggang sa ibaba. Ang distansya sa pagitan ng bawat kahon ay tinukoy sa pamamagitan ng mga gilid na may mga itaas at ibaba ng mga gilid na bumagsak sa isa't isa.
Halimbawa, maaari kang magkaroon ng sumusunod na HTML:
Ito ang unang div. Ito ay 200 pixel wide na may margin na 5px sa paligid nito.
Ito ay isang mas malawak na div.
Ito ay isang div na medyo mas malawak kaysa sa ikalawang isa.
Ang bawat DIV ay isang elemento ng block, kaya ilalagay ito sa ibaba ng nakaraang elemento ng block. Ang bawat kaliwang panlabas na gilid ay hahawakan ang kaliwang gilid ng naglalaman ng bloke.
Pagtatapon ng Mga Inline na Kahon
Ang mga inline na kahon ay inilatag sa pahalang na pahina, isa pagkatapos ng iba pang simula sa itaas ng elemento ng lalagyan. Kapag walang sapat na espasyo upang magkasya ang lahat ng mga elemento ng inline na kahon sa isang linya, binabalutan nila sa susunod na linya at stack patayo mula doon.
Halimbawa, sa sumusunod na HTML:
Ang tekstong ito ay naka- bold at ang tekstong ito ay mga italics . At ito ay plain text.
Ang talata ay isang bloke elemento, ngunit mayroong 5 mga elemento ng inline:
- "Ang tekstong ito ay"
- "matapang"
- "at ang tekstong ito ay"
- "italics"
- "At ito ay malinaw na teksto."
Ang normal na daloy ay kung paano ipapakita ang mga block at inline na elemento sa web page nang walang anumang interbensyon ng web designer.
Kung gusto mong makaapekto kung saan ang isang elemento ay nasa isang pahina maaari mong gamitin ang CSS positioning o CSS floats .