Ang normal nga dagan mao ang paagi nga ang mga elemento gipakita sa usa ka web page sa kadaghanan nga mga kahimtang. Ang tanan nga mga elemento sa HTML anaa sa sulod nga mga kahon nga anaa sa inline nga mga kahon o nagbabag sa mga kahon.
Pagpahiluna sa mga Block Box
Sa normal nga pag-agos, ang mga kahon nga block nahimutang sa usa ka panid sunod sa lain (sumala sa pagkasunod nga gisulat niini sa HTML ). Nagsugod sila sa ibabaw nga wala sa kahon nga adunay sulod ug gikan sa ibabaw ngadto sa ubos. Ang distansya tali sa matag kahon gihubit pinaagi sa mga kilid nga may mga tumoy sa ibabaw ug sa ubos nga nahugno sa usag usa.
Pananglitan, mahimong adunay mosunod nga HTML:
Kini ang una nga div. Kini 200 ka pixel ang gilapdon nga adunay gilay-on nga 5px.
Kini usa ka mas halapad nga div.
Kini usa ka div nga mas gamay kay sa ikaduha.
Ang matag DIV usa ka block nga elemento, busa kini ibutang sa ubos sa una nga elemento sa block. Ang matag wala nga bahin sa gawas makahikap sa wala nga daplin sa gibutang nga bloke.
Pagpahiluna sa mga Kahon nga Inline
Ang mga kahon nga inline gibutang sa pahayag nga pahigwa, usa nga human sa laing sinugdanan sa ibabaw sa sudlanan nga sudlanan. Kon walay igo nga luna nga mohaum sa tanan nga mga elemento sa inline nga kahon sa usa ka linya, sila magkapundok sa sunod nga linya ug mag-stack vertically gikan didto.
Pananglitan, sa mosunod nga HTML:
Kini nga teksto maisag ug kini nga teksto maoy italiko . Ug kini mao ang yano nga teksto.
Ang parapo usa ka block nga elemento, apan adunay 5 ka mga elemento sa inline:
- "Kini nga teksto"
- "maisugon"
- "ug kini nga teksto"
- mga italik "
- "Ug kini maoy yano nga teksto."
Busa ang normal nga agianan mao kung unsaon kini nga block ug inline nga mga elemento nga ipakita sa web page nga walay bisan unsang interbensyon sa web designer.
Kung gusto nimo nga makaapekto kung diin ang usa ka elemento sa usa ka panid mahimo nimo gamiton ang CSS positioning o CSS floats .