رشتہ دار کی پوزیشن - یہ کیا ہے؟ تفصیلی وضاحت

nesting کے HTML - ایک طویل عمل، سخت، لیکن بہت تخلیقی. حقیقت یہ ہے کہ میں ملازم لوگوں کی اکثریت کے لئے، ویب کے صفحات ترتیب بورنگ روٹین لگ سکتا ہے کہ باوجود ماہرین اس طرح ایک کیس کے لئے ایک پیشے ہیں جو نہ صرف گتاتمک باہر کام لے، بلکہ ٹھوس خوشی کے عمل سے حاصل کرتے ہیں.

تاہم، آپ ایک تجربہ کار coder کی بننے سے پہلے، ہر نئے آنے والے کو مختلف ہدایات اور دونوں HTML زبان کے ونیردیشوں کی تعلیم حاصل کر وقت کی ایک بہت خرچ کرتا ہے، اور اس کے اتحادی پر - سی ایس ایس. بالکل بارے میں کیا سی ایس ایس، رشتہ دار کی پوزیشن - - یہ کیا ہے اور کیا "feint کی کان" تم اٹھو کرنے کی اجازت دیتا ہے، اسی طرح اس کے اوپر خصوصیات میں سے ایک آج ہم بات کریں گے.

سی ایس ایس کیا ہے؟

CSS مخفف تحریر اور "جھرن کاری سٹائل شیٹس" کے طور پر روسی میں ترجمہ کیا جا سکتا ہے. یہ بہت عجیب لگتا ہے - ایک طرف، یہ واضح لگتا ہے، اور الفاظ، اور دوسرے پر - عموم کو فوری طور پر گرفتار نہیں کیا گیا ہے. سٹائل کے ساتھ - کے سادہ سے شروع کرتے ہیں. یہ ٹیکنالوجی آپ کو صرف ایک بار میں رجسٹر ہوں اور وقت کی ایک لامتناہی تعداد میں استعمال کر سکتے ہیں کہ ظہور کے حوالے کے صفحے پر اشیاء، خاص خصوصیات منسلک کرنے کی اجازت دیتا ہے.

حقیقت یہ ہے کہ زیادہ مناسب یہاں لفظ "فہرستوں" یا "فہرستوں" استعمال کرنے کے لئے ہو جائے گا، تاہم اصل ترجمہ کے مصنفین CSS ایک فہرست کے مقابلے میں زیادہ کی طرح لگتا ہے کہ فیصلہ کیا ہے، اور ہم کون ہیں - لفظ میں سرکاری ترجمہ "ٹیبل" حادثاتی طور پر تقریبا شائع اس طرح ان کی کوشش کرنا ہے.

آخر میں، لفظ "جھرن." حقیقت یہ ہے کہ ہر عنصر ملا جا سکتا ہے کہ یا اس سے بھی متجاوز کئی شیلیوں ہے کر سکتے ہیں. مقام مطلق - اس طرح کے معاملات میں، براؤزر سے باہر، ان میں سے ایک کے ساتھ، کئی شیلیوں ہونے کے لئے تبدیل کر دیا ہے جس میں مثال کے طور پر، ایک رشتہ دار کی پوزیشن جائیداد ہے ٹکڑے، کی ظاہری شکل، اور دیگر تحریر کرنے کے لئے، قوانین کا ایک سیٹ کا سہارا ہے. اصل میں، اس طرح کے تنازعات کو برداشت نہیں کیا جا سکتا، لیکن بڑے منصوبوں میں اس طرح کی الجھن اکثر ایسا ہوتا ہے.

تو اب، سب کچھ کے نام سے واضح ہے، جب کی ایک سادہ مثال کو دیکھو. کے آپ کی ویب سائٹ ایک مخصوص انداز میں ڈیزائن کیا بٹن کی ایک بڑی تعداد، ہونا چاہئے کہتے ہیں. انہوں نے اس طرح کے سائز، کی چھایا، دھندلاپن، رنگ کی خصوصیات ہیں. کورس کے، آپ کو ہر ایک کے بٹن کے پیدا کرنے، ان پیرامیٹرز کی وضاحت، لیکن سی ایس ایس استعمال کرنے کے لئے بہت آسان ہے کر سکتے ہیں. عملی طور پر، آپ اس کے بجائے ایک طویل فہرست ہے، مندرجہ بالا خصوصیات میں سے سب سے اقدار کی فہرست ہے جس میں ایک مخصوص طبقے، وضاحت کرنے کے لیے، اور پھر ضرورت ہے، ہر ایک کے بٹن کے ٹیگ کے صرف کلاس کے نام کی وضاحت کرنے کی ضرورت ہو گی، تو براؤزر خود مطلوبہ رنگ میں ان عناصر کا رنگ اور انہیں ایک مناسب دے گا "ٹیکہ".

مقام جائیداد کیا کرتا ہے؟

اب ہم خاطر اس پورے مضمون کو شروع کیا گیا تھا جس کے لئے، جائیداد مقام پر براہ راست آگے بڑھنے. اگر آپ انگریزی زبان سے واقف ہیں، یا ایک اچھا انترجشتھان ہے، تو آپ کو پہلے ہی واضح ہونا چاہئے - اس کی خاصیت شے کے محل وقوع کے لئے ذمہ دار ہے. اصل میں، جس طرح سے یہ ہے، بلکہ اس کی بجائے مخصوص مقام کا تعین اس کی خاصیت کو احترام کے ساتھ براؤزر کو یہ ایک ہی رکھا جانا چاہئے کہ کس طرح یا کسی دوسرے عنصر سے ملحق کرنے یا مجموعی طور پر صفحے بھر بتاتا ہے.

کیا اقدار پوزیشن جائداد کر سکتے ہیں؟

ہمارا جائیداد کئی مختلف اقدار کو قبول کر سکتے ہیں، صرف پانچ ہیں. یہاں ہر ایک کی ایک مختصر تفصیل یہ ہے:

• پوزیشن وارث. یہ سہولت آپ کو ایک والدین ہے کہ عنصر کی پوزیشن پر ڈیٹا کاپی کرنے کی اجازت دیتا ہے. مثال کے طور پر، آپ کو ایک مخصوص پوزیشن رشتہ دار کے ساتھ ایک div ہے تو پھر اس میں IMG وارث قدر بھی رشتہ دار کے لئے مقرر کیا جائے گا کے ساتھ داخل ہوئے.
• مستحکم پوزیشن. یہ قدر مزید کوئی بیان جب تک کہ خود کار طریقے سے تمام عناصر کو دیا جاتا ہے. عناصر ان کی پوزیشن کو تبدیل کرنے کی اجازت دیتا ہے، کوڈ میں ذکر کیا اور "frills کے" کی ایک قسم کے لئے دستیاب نہیں ہیں کے طور پر پوزیشن میں فٹ.
• پوزیشن مطلق. اس قیمت کی طرف سے پوزیشن جائیداد اکثر صورتوں یہ ایک "تیرتے" عنصر پیدا کرنے کے لئے ضروری ہے جہاں میں استعمال کیا جاتا ہے. جائیداد شے کی بھی قدر کے ساتھ پیج کے دیگر اجزاء کے لئے "غیر مرئی" ہے. کہ وہ ہمارے مطلق عنصر موجود نہیں ہے تو کے طور پر بندوبست کر رہے ہیں، ہے. اس نے اپنے آپ کو ہمیشہ سے قطع نظر جہاں تک صفحہ لڑھکا دیا گیا ہے کہ کس طرح کے، جگہ میں ہو جائے گا.
• پوزیشن طے. کئی طرح سے، اس قیمت گزشتہ ایک کی طرح،، جبکہ مطلق عنصر عناصر کہ اس سے پہلے کے باقی کو نظر انداز کرکے، والدین کے لئے پابند ہے استعمال براؤزر کی سکرین کے اوپری بائیں کونے میں سے صرف نقاط مقرر ہے تاہم.
• آخر میں، رشتہ دار کی پوزیشن. اس قسم کے اقدار مشترک "ربڑ" میں کہا جاتا مارکنگ ایک انکولی کرنے کے لئے مفید ہو سکتا ہے جس میں دیگر، کو پوزیشننگ عنصر رشتہ دار کی اجازت دیتا ہے. اس کی خاصیت کے ساتھ، شے کے دوسرے صفحے پر اپنی پوزیشن کو تبدیل کرنے کی صلاحیت کھونے کے بغیر "دھکا" گے.

مختلف براؤزرز میں پوزیشن کے ساتھ کام کرنا

نہیں تمام براؤزرز یکساں طور پر ہم آہنگ ہیں. سمجھی مقام کی قدر کسی بھی hitches کے بغیر انٹرنیٹ سرفنگ کے لئے سب سے زیادہ متبادل پروگراموں بالکل سچ ہے، "مسلسل خصوصی» انٹرنیٹ ایکسپلورر جائیداد، اس ورژن پر منحصر سمجھتا ہے.

"گدھا" وہ صرف اس کو نظر انداز - مثال کے طور پر، پہلے ہی "دفن" براؤزر IE6 کا استعمال کرتے ہوئے، آپ کو قدر کی فکسڈ اور کے وارث کا استعمال نہیں کر سکتے. تاہم، حقیقت یہ ہے کہ صورت حال کے ساتویں ورژن کو بہتر بنانے کے لئے شروع کر دیا، اور محبوب کا وارث پہلے ہی کارروائی طے، اس حقیقت کے باوجود "دوسرے براؤزر ڈاؤن لوڈ، اتارنا کرنے کے لئے براؤزر،" صرف اس کے آٹھویں اوتار میں پہنچ گئے.

مبصرین کے باقی سکون اوپیرا کی رعایت، جس سے اس کے 4 مختلف حالتوں میں خصوصیات میں سے حمایت مل گئی ہے، وسط 90s میں شائع ساتھ، سب سے پہلے ورژن کے ساتھ پوزیشن سنبھال.

جاوا سکرپٹ اس میں پوزیشن کے ساتھ کام کرنا

اصل میں، جاوا سکرپٹ میں پوزیشن جائیداد کے ساتھ کام کرنے کے لئے کس طرح کی کہانی ہے، ہم صرف شرافت کی خاطر شامل کر لیا جاتا ہے. div.style.position = 'رشتہ دار': اس کی خاصیت کے عنوان میں کوئی خاص حروف کی ضرورت نہیں ہے کیونکہ، آپ JS کسی قسم کی تبدیلی کے بغیر، مثال کے طور پر، رشتہ دار div کی پوزیشن قائم کرنے کے لئے اس طرح ایک لائن شامل ہونا چاہئے استعمال کرتے ہیں کر سکتے ہیں.

آپ دیکھ سکتے ہیں، یہ بہت آسان ہے.

کیوں رشتہ دار کی پوزیشن امتیازات وخصوصیات خصوصی توجہ؟

جائیداد اقدار پوزیشن کے سب سے زیادہ، mildly ڈال جبکہ، ارد گرد عناصر پر "پھینکنا"، قدر کا استعمال کرتے ہوئے "سٹائل پوزیشن: رشتہ دار"، ہمیشہ کی طرح، مجموعی طور پر پورے صفحے کے بارے میں یاد رکھنا چاہیے نامناسب استعمال کی وجہ سے ہو سکتا ہے سختی "ترچھی" سکرین کی مکمل مواد .

اس کے علاوہ، اس کی خاصیت کو آپ آسانی سے کی وجہ سے اس کی درخواست خود کار طریقے سے تمام مواد کے صفحات کو متاثر کرے گا، مقررہ ڈیزائن انکولی میں تبدیل کرنے کی اجازت دیتا ہے. اس کے بعد ہم اب بھی مثالیں اور غلطیاں اس قیمت کے استعمال پر غور کرنے کا وقت ہے، اور آپ کو عملی طور پر اس کی مورت اہمیت دیکھیں گے.

جب آپ کے رشتہ دار پوزیشننگ استعمال کرنا چاہئے؟

صفحات HTML کے روایتی ترتیب کے علاوہ میں، رشتہ دار کی پوزیشن اکثر دلچسپ اثرات کی ایک قسم پیدا کرنے کے لئے استعمال کیا. مثلا، اگر آپ ایک آئٹم چاہتے ہیں تو ایک صفحے پر "آئی" یا اس کے برعکس، آہستہ آہستہ اس کے علاقے سے باہر چلا گیا، یہ خاص طور پر ہے اس کی خاصیت آپ کو اس "چال" کو نافذ کرنے میں مدد کر سکتے ہیں.

کیا آپ کسی خاص متغیر کی قدر میں چکریی تبدیلی کو ایڈجسٹ کرنے کی اجازت دیتے ہیں جو CSS3 کے خصوصیات، کے ذریعے، ترقی پسند نفاذ کے لئے مقصد ہے تو یہ "چالوں" جاوا سکرپٹ کے ذریعے لاگو کیا جاتا ہے، یا،.

اس کے علاوہ، ممکن بعض صورتوں میں پیدا کرنے کے لئے "ہائبرڈ" اقدار رشتہ دار کی پوزیشن. سی ایس ایس، اگرچہ میں نہ ہی وقت تم سے پوزیشن کی طرح کچھ قائم کرنے کے لئے کی اجازت دیتا ہے:، لیکن کچھ چالوں کا استعمال کرتے ہوئے کی طرف سے مطلق رشتہ دار، یہ اب بھی ممکن اس کا اثر حاصل کرنے کے لئے ہے. جہاں آپ کی طرح کچھ پیچیدہ بنانے کی ضرورت ہے یہ نقطہ نظر صورتوں میں مفید ہو سکتا ہے ایک اوزاری ٹوٹکا یا پاپ اپ مینو. مثالوں کو دیکھتے ہوئے، ہم اس طرح ایک کی ساخت کی ایک وضاحت دے گا "ہائبرڈ".

رشتہ دار کی درجہ بندی کا استعمال کرتے ہوئے کی مثالیں

رشتہ دار کی پوزیشن - یہ بہت آسان ہے، لیکن لچکدار آلہ ہے جو آپ کو دلچسپ اثرات کی ایک قسم کو لاگو کرنے کے لئے کی اجازت دیتا ہے. وقت ضائع اور بیکار کوڈ سانچے لکھنے کے لئے رکھنے کے لئے نہیں کے لئے، ہم نے آپ کی ویب سائٹ یا مخصوص صفحات سجانے کر سکتے ہیں جس میں کئی زبانی الگورتھم، پیش کرتے ہیں.

کی "باہر چلانے کے" لائن سے شروع کرتے ہیں. آپ "سفر" سکرین کے بائیں کنارے کی وجہ سے اور آہستہ آہستہ دائیں طرف میں منتقل کرے گا کہ ایک عنصر کے لئے ایک ضرورت ہے مان لیں. اس طرح ایک "طریقہ کار" پوزیشن کو قائم کرنا چاہئے لاگو کرنے کے لئے: رشتہ دار؛ بائیں: -100px، جہاں -100 - بلاک چوڑائی قیام پکسلز کی تعداد تقریبا. یہ انداز آپ "شروع کرنے کی پوزیشن" میں رکھ، سکرین کے باہر یونٹ کو چھپانے کے لئے کی اجازت دے گا. اب آپ جب تک یہ براؤزر ونڈو کی چوڑائی مائنس عنصر کی چوڑائی کے برابر نہیں ہو جاتا کے طور پر فی یونٹ جائیداد کی قیمت کو چھوڑ دیا ہر چند milliseconds کے اضافہ ہو جائے گا کہ ایک سکرپٹ کو استعمال کر سکتے ہیں. نتیجہ ایک یونٹ کے بائیں کنارے سے باہر آتا ہے، سکرین بھر میں نافذ کیا اور اس کے دائیں ہاتھ میں "کھڑی" ہے.

ایک اور مثال آپ "رشتہ دار-مطلق" عناصر پیدا کرنے کے لئے اجازت دیتا ہے. مثال کے طور پر، آپ کو ایک دوسرے کے اندر ایک مطلق درج رشتہ دار کی پوزیشن رکھنے کر سکتے ہیں. نتیجے کے طور پر، ہم نے ایک "رشتہ دار" بلاک سائز جس میں مطلق خدا ہوتا ہے نہیں ہے ہے، اب پچھلے عنصر کی آزاد حیثیت میں خود کو ظاہر کرنے کے قابل ہے.

رشتہ دار کی پوزیشن کو استعمال کرتے وقت عام غلطیاں

رشتہ دار کی پوزیشن کو استعمال کرتے وقت سب سے عام غلطی بہت سے ویب ڈیزائنرز جس کو کہیں بھی واقع کیا جا سکتا یونٹ میں ایک جگہ محفوظ کرنے کے لئے کی صلاحیت، کے بارے میں بھول ہے. مثلا، آپ کی سکرین کے ایک رشتہ دار پوزیشننگ ہونے کے باہر رکھ دیا گیا، ایک کافی بڑی ہے تو اس کی جگہ میں ایک gaping "سوراخ" ہو جائے گا. تاہم، یہاں تک کہ اس کی خاصیت کو کبھی کبھی پیدا کرتا ہے کہ بعض inconveniences کے، مثال کے طور پر، اچھے کے لیے استعمال کیا جا سکتا اس ویب سائٹ، اس کے بلاکس کی سب آہستہ آہستہ سب سے پوزیشن میں رکھا جاتا ہے جہاں کے "خود جمع" کا ایک دلچسپ اثر پیدا کرنے: 0؛ بائیں: 0؛ ٹی. ای. اس کی اصل جگہ.