عمومی بہاؤ یہ ہے کہ عناصر زیادہ تر حالتوں میں ویب صفحہ میں ظاہر ہوتے ہیں. ایچ ٹی ایم ایل کے تمام عناصر اندر خانہ ہیں جن میں یا تو ان لائن بکس یا بلاک بکس ہیں.
بلاک بلاکس باکس لے
معمول کے بہاؤ میں، بلاک باکس دوسرے کے بعد ایک صفحے پر پوزیشن میں ہیں (وہ حکم میں جو HTML میں لکھا جاتا ہے). وہ اوپر والے حصے کے اوپر والے بائیں کے اوپری بائیں میں شروع ہوتے ہیں. ہر باکس کے درمیان فاصلے ایک دوسرے میں گرنے والے اوپر اور نیچے کے مارجن کے ساتھ مارجن کی طرف سے بیان کی جاتی ہے.
مثال کے طور پر، آپ کو مندرجہ ذیل HTML ہوسکتا ہے:
یہ پہلا حصہ ہے. اس کے ارد گرد 5px مارجن کے ساتھ 200 پکسلز وسیع ہے.
یہ ایک وسیع ڈوی ہے.
یہ ایک ڈوی ہے جو دوسرا ایک سے کہیں زیادہ وسیع ہے.
ہر ڈیوی ایک بلاک عنصر ہے، لہذا یہ پچھلے بلاک عناصر کے نیچے رکھا جائے گا. ہر بائیں بیرونی کنارے پر مشتمل بلاک کے بائیں کنارے کو چھو جائے گا.
آؤٹ لائن لائن باکس لے
ان لائن خانوں کو افقی طور پر صفحے پر رکھے جاتے ہیں، ایک کنٹینر عنصر کے سب سے اوپر پر شروع ہونے کے بعد ایک. جب ایک لائن پر ان لائن باکس کے تمام عناصر کو فٹ کرنے کے لئے کافی جگہ نہیں ہے، تو وہ اگلے سطر میں لپیٹ کر عمودی طور سے وہاں سے پھینک دیتے ہیں.
مثال کے طور پر، مندرجہ ذیل ایچ ٹی ایم ایل میں:
یہ متن بولڈ ہے اور یہ متن اطالوی ہے . اور یہ سادہ متن ہے.
پیراگراف ایک بلاک عنصر ہے، لیکن 5 ان لائن عناصر ہیں:
- "یہ متن"
- "بولڈ"
- "اور یہ متن"
- "اطالوی"
- "اور یہ سادہ متن ہے."
تو عام بہاؤ یہ ہے کہ یہ بلاک اور ان لائن عناصر ویب ڈیزائنر کے بغیر ویب ڈیزائنر کی مداخلت کے بغیر کیسے دکھائے جائیں گے.
اگر آپ کسی صفحہ پر ایک عنصر ہے جہاں آپ کو اثر انداز کرنا چاہتے ہیں تو آپ CSS پوزیشننگ یا سی ایس ایس کی فلوٹ استعمال کرسکتے ہیں.