Il-fluss normali huwa l-mod kif l-elementi huma murija f'paġna web f'ħafna miċ-ċirkostanzi. L-elementi kollha fl-HTML huma kaxex ta 'ġewwa li huma jew f'kaxex inline jew f'kaxxi tal- blokka .
Imqiegħed Kaxxi Blokk
Fil-fluss normali, il-kaxex tal-blokk huma pożizzjonati fuq paġna waħda wara l-oħra (fl-ordni li jkun miktub fl- HTML ). Jibdew fin-naħa ta 'fuq tax-xellug tal-kaxxa li fiha u jimmuntaw minn fuq għal isfel. Id-distanza bejn kull kaxxa hija definita mill-marġini b'marġini ta 'fuq u ta' isfel li jinħassu f'xhur.
Per eżempju, jista 'jkollok l-HTML li ġej:
Din hija l-ewwel div. Huwa 200 pixels wiesgħa b'marġini ta '5px madwaru.
Din hija div usa '.
Din hija div li hija daqsxejn usa 'minn dik tat-tieni waħda.
Kull DIV huwa element ta 'blokk, u għalhekk jitqiegħed taħt l-element ta' blokk ta 'qabel. Kull tarf ta 'barra tax-xellug għandu jmiss ix-xifer ix-xellug tal-blokka li jkun fih.
Tqegħid f'Kaxxi Inline
Kaxxi inline huma mqiegħda fuq il-paġna orizzontalment, waħda wara l-bidu l-ieħor fil-parti ta 'fuq tal-element tal-kontenitur. Meta ma jkunx hemm biżżejjed spazju biex jinkwadra l-elementi kollha tal-kaxxa inline fuq linja waħda, dawn jaqbdu mal-linja li jmiss u munzellhom vertikalment minn hemm.
Pereżempju, fl-HTML li ġej:
Dan it-test huwa b'tipa grassa u dan it-test huwa korsiv . U dan huwa test sempliċi.
Il-paragrafu huwa element ta 'blokk, imma hemm 5 elementi inline:
- "Dan it-test huwa"
- "b'tipa grassa"
- "u dan it-test huwa"
- "korsiv"
- ". U dan huwa test sempliċi."
Ix-xejra normali hija kif dawn l-elementi blokk u inline se jidhru fuq il-paġna web mingħajr intervent mid-disinjatur tal-web.
Jekk trid taffetwa fejn element ikun fuq paġna tista 'tuża s-CSS jew is- sufruni tas-CSS .