سي ايس پي پوزيشن صرف ايڪس يونٽ کان وڌيڪ آهي
سي ايس جي پوزيشن ڊگهي ويب سائيٽ ترتيب ٺاهڻ جو هڪ اهم حصو ٿي چڪو آهي. جيتوڻيڪ فلڪس باڪس ۽ سي ايس ايس گرڊ وانگر نيور ايس ايس ڊي ترتيب جي ٽيڪنالاجي جو اڀار سان، پوسٽنگ جي باوجود اڃا ڪنهن ويب ڊزائنر جي ٽوٽين جي چالن ۾ اهم جڳهه آهي.
جڏهن سي ايس ايس پوسٽنگنگ استعمال ڪندي، سڀ کان پهريان توهان کي ڪرڻ جي ضرورت هوندي آهي اها قائم ڪئي وئي آهي ته CSS برائوزر کي پوسٽ ڪرڻ لاء پوسٽ لاء جيڪڏهن توهان استعمال ڪيو وڃي ته توهان کي ڏنل عنصر لاء مطلق يا لاڳاپو پوزيشن. توهان کي انهن ٻنهي پوزيشن جي ملڪيت جي وچ ۾ واضح طور تي واضع سمجهڻ جي ضرورت آهي.
جڏهن مطلق ۽ مائٽي وارا ٻه سي ايس جي پوسٽ خاصيتون آهن اڪثر اڪثر ويب ڊزائين ۾ استعمال ٿين ٿيون، اصل ۾ چار رياستن جي ملڪيت ملڪيت تي آهن:
- جامد
- مطلق
- لاڳاپيل
- مقرر ٿيل
ويب پيج تي ھڪڙو عنصر لاء جڙيل آھي. جيڪڏهن توهان ڪنهن عنصر جي عهدي جي وضاحت نه ڪيو آهي، اهو جامد هوندا. ان جو مطلب اهو آهي ته اهو اسڪرين تي ڏيکاري ٿو جتي اهو HTML دستاويز ۾ آهي ۽ اهو انهي دستاويز جي عام وهڪري اندر ظاهر ڪندو آهي.
جيڪڏهن توهان لاڳو ڪندڙ پوزيشن قاعدن جي مٿين يا بقا هڪ عنصر واري عنصر جي طور تي لاڳو ڪريو ٿا، اهي قاعدا نظرانداز ڪيا ويندا آهن ۽ عنصر باقي رهي ٿو جتي اهو معمولي دستاويزن جي وهڪري ۾ ظاهر ٿئي ٿو. حقيقت ۾، توهان کي شايد ڪجهه طور تي ها، جيڪڏهن هونئن، سي ايس ۾ جامد پوزيشن ۾ عنصر مقرر ڪرڻ جي ضرورت آهي ڇاڪاڻ ته اهو ئي اصلي قيمت آهي.
بلڪل سي ايس ڊي پوزيشن
مطلق پوزيشن شايد سمجهڻ لاء آسان سيٽنگ پوسٽ آهي. توهان هن سي ايس ايس جي پوزيشن سان ملڪيت شروع ڪريو ٿا:
پوزيشن: مطلق؛اهو قيمت برائوزر ٻڌائي ٿو ته جيڪو به پوزيشن ٿيڻ وارو هوندو ان دستاويزن جي عام وهڪري کان هٽائي وڃي ۽ ان کي متبادل واري صفحي ۾ رکيل هجي. اهو حساب ڪتاب جي عنصر جي ويجهي غير غير مستحڪم پوزيشن سينٽر جي بنياد تي آهي.
ڇاڪاڻ ته ایک بالکل پوزیشن عنصر دستاویز کی عام بہاؤ سے لے جاتا ہے، یہ متاثر نہیں کرے گا عناصر HTML میں اس سے یا اس کان پوء، ويب پيج تي پوسٽ ٿيل آهن.
مثال طور، جيڪڏهن توهان ڊويزن ڪئي هئي ته مائٽي جي قيمت جي پوزيشن ڪئي هئي (اسين هن قيمت کي جلد ڏسنداسين)، ۽ اندر ڊويزن اندر توهان جو پيراگراف جيڪو توهان विभाजन جي مٿين भन्दा 50 पिक्सेल चाहानुहुन्छ، جيڪر "مٿو" ملڪيت تي 50px جو ھڪ آف قيمت سان گڏ، ان جي پيراگراف کي "مطلق" جي حيثيت واري پوزيشن جو قدر شامل ڪندو.
پوزيشن: مطلق؛ مٿي: 50px؛اهو بلڪل پوزيشن عنصر وري انهي نسبتا پوزيشن ڊويزن جي مٿين سطح کان 50 پکسلز ڏيکاري ٿو. عام طور تي، सामान्य प्रवाहमा कुनै पनि कुरा देखाउँदैन. توهان جي "بلڪل" پوزيشن عنصر نسبتا پوزيشن وارو هڪ طور تي هن جي حوالي سان استعمال ڪيو ۽ توهان جي استعمال جو مثبت قدر اهو آهي ته اهو.
جيڪي توهان کي استعمال ڪرڻ لاء چار پوزيشننگ خاصيتون آهن:
- مٿي
- ساڄو
- هيٺ
- کاٻو
توهان مٿين يا مٿين استعمال ڪري سگھو ٿا (ڇو ته هڪ عنصر انهن ٻنهي جي مطابق مطابق پوزيشن نٿو ڪري سگهجي) يا پوء صحيح يا کاٻي پاسي.
جيڪڏهن هڪ عنصر مطلق جي حيثيت تي مقرر ڪئي وئي آهي، پر هن وٽ ڪوبه غير جامد پوزيشن پوتر نه آهي، پوء اهو جسم جي عنصر سان تعلق رکي ٿو، جيڪو صفحي جي اعلي ترين عنصر آهي.
رشتي جي پوزيشن
اسان اڳ ۾ ئي احتياط واري پوزيشن جو ذڪر ڪيو، پوء اچو ته هاڻي مال کي ڏسون.
رشتي جي حيثيت واري پوزيشن بلڪل ساڳئي پوزيشن جي ملڪيت کي استعمال ڪري ٿي، پر عنصر جي جڳهه کي ويجهي غير باضابطه پوزيشن ايجسٽر تي استعمال ٿئي ٿو، اهو عنصر کان شروع ٿئي ٿو جيڪڏهن اهو اڃا تائين عام وهڪري ۾ هوندو هو.
مثال طور، جيڪڏهن توهان جي ويب صفحي تي ٽي پيراگراف آهن، ۽ ٽئين کي "پوزيشن: مائٽيڪل" طرز تي ان تي رکيل آهي، اهو پوزيشن هن جي موجوده جڳھ تي ٻڌل هوندي.
پيراگراف 1.
پيراگراف 2.
> پیراگراف 3.
مٿين مثال ۾، ٽئين پيراگراف ڪنٽين جي عنصر جي کاٻي پاسي کان 2em پوزيشن ڪئي ويندي، پر اڃا به هيٺيان ٻه پيراگراف هيٺ ٿيندي. اهو دستاويز جي عام وهڪري ۾ رهندو، ۽ بس ٿوري دير ٿوري ٿيندي. جيڪڏهن توهان پوزيشن تي تبديل ڪيو: مطلق؛ ڪجھ هيٺيان اهو ان جي چوٽي تي ڏيکاري ٿو، ڇاڪاڻ ته اهو دستاويز جي عام وهڪري ۾ ڪونهي ها.
ويب پيج تي گهڻيون خاصيتون پوزيشن جو قدر مقرر ڪرڻ لاء استعمال ڪيا ويا آهن: لاڳاپو ڪنهن آفسیٹ جي قيمت سان قائم ٿي، جنهن جو مطلب آهي ته عنصر بلڪل صحيح آهي جتي اهو عام وهڪري ۾ ظاهر ٿيندو. اهو مڪمل طور تي مڪمل ٿي چڪو آهي ته انهي عنصر قائم رکون جنهن جي خلاف ٻين عناصر بلڪل پوزيشن ڪري سگهجي ٿي. مثال طور، جيڪڏهن توهان وٽ پنهنجي پوري ويب سائيٽ جي ڀرپاسي ڊويزن "کنٽينر" جي ڪلاس جي قيمت سان آهي (جيڪو ويب ڊزائين ۾ هڪ عام عام طريقو آهي)، جيڪا ڊويزن نسبتا جي حيثيت رکي سگهجي ٿو ان جي حيثيت واري پوزيشن جي حوالي سان.
ڇا چڪاس ٿيل پوزيشن بابت
فيڪ پوزيشن پوزيشن تمام گهڻو پوزيشن وانگر آهي. عنصر جو عزم ساڳيو طريقو آهي جنهن کي مطلق نموني طور مقرر ڪيو ويو آهي، پر مقرر ڪيل عناصر انهي هنڌ ۾ مقرر ٿيل آهن. تقريبن هڪ واٽر مارڪر وانگر. هن صفحي تي هر شيء وري انهي عنصر کي ماپ ڪري ڇڏيندو.
هن ملڪيت جي قيمت کي استعمال ڪرڻ لاء، توهان هن کي قائم ڪنداسين:
پوزيشن؛ مقرر ٿيل؛ذهن ۾ رکو، جڏهن توهان پنهنجي سائيٽ تي جاء تي هڪ عنصر کي درست ڪريو، اهو توهان جي ويب پيج تي ڇپيل آهي جڏهن ته ان هنڌ ۾ ڇپائي ويندي. مثال طور، جيڪڏهن توهان جي عنصر پنهنجي صفحي جي چوٽي تي مقرر ڪئي آهي، اهو هر پرنٽ ٿيل صفحي جي مٿينء تي ظاهر ٿيندو - ڇاڪاڻ ته اهو صفحي جي چوٽي تي مقرر ڪيو ويندو آهي. توهان ميڊيا جي قسمن کي استعمال ڪري سگھو ٿا ته پرنٽ ٿيل صفحا ڪيئن مقرر ٿيل عناصر ڏيکاريندي:
@ ايم ايل اسڪرين اسڪرين {h1 # پهرين {پوزيشن: مقرر؛ }} ڪا ايم ايل پرنٽنگ {h1 # پهريون (پوزيشن: جامد؛ }}اصل مضمون جينيفر ڪيريئن طرفان. 1/7/16 تي Jeremy Girard پاران ڏنل.