عمومی فضا هغه لاره ده چې عناصر په ډیری حالتونو کې په ویب پاڼه کې ښودل شوي. د HTML په ټولو عناصرو کې دننه بکسونه دي چې یا هم د انلاین بکسونه یا د بلاک بکسونه دي.
د بند بکسونو راټولول
په عادي جريان کې، بلاکس بکس په يو مخ کې د بل وروسته (په HTML کې ليکل شوي دي) کې ځاى پر ځاى شوي دي. دوی د پاسه بکس او پورتنۍ ښي خوا کې د پورتنۍ او ښکته څخه پیل کوي. د هر بکس تر مینځ فاصله د حاالتو په واسطه تعریف کیږي چې د پورته او ښکته حاالتو سره یو بل ته راوتل کیږي.
د مثال په توګه، تاسو ممکن لاندې HTML ولرئ:
دا لومړی ډوی دی. دا د شاوخوا شاوخوا 5px حاالتو سره 200 پکسل پراخ دی.
دا یوه پراخه برخه ده.
دا یو ډوی دی چې د دویمې برخې په پرتله یو څه پراخ دی.
هر د DIV یو بلاک عنصر دی، نو دا به د پخوانی بلاک عنصر لاندې ځای کېښودل شي. د هر اړخ لوري لرې کنډک به د مسکو باندنۍ برخې ته لاړ شي.
د انلاین بکسونو ویستل
د انلاین بکس په افقی ډول په پاڼه کې ساتل کیږي، یو بل د کانتینر عنصر په سر کې د پیل څخه وروسته. کله چې د انلاین بکس ټول عناصر د یو لین په برابرولو کې کافي ځای نه وي، دوی بل لین ته لیږدول کیږي او عمودی له دې ځای څخه ډډه کوي.
د مثال په توګه، لاندې HTML کې:
دا متن ډډ دی او دا متن ایټیکټ دی . او دا ساده متن دی.
پراګراف یو بلاک عنصر دی، مګر 5 انلاین عناصر شتون لري:
- "دا متن دی"
- "باړه"
- "او دا متن دی"
- "ایټالیک"
- "او دا ساده متن دی."
نو عادي جريان دا دی چې دا بلاک او انډول عناصر به د ویب ډیزاینر لخوا مداخله پرته په ویب پاڼه کې وښیي.
که تاسو غواړئ په هغه څه اغیزه وکړئ چې په یوه پاڼه کې عنصر وي تاسو کولی شئ د CSS پوستینګ یا سی ایس ایس پوټونو کاروئ.