موقف اړیکی - دا څه دی؟ تفصیل تشریح

HTML لیډن یو اوږده پروسی دی، بې اعتباره، مګر ډیر تخلیقي. د حقیقت سره سره چې د معلوماتي ټکنالوژۍ په ډګر کې کار کوي ډیری خلکو لپاره د ویب پاڼو ترتیب کول د بورډ معمول، داسې ښکاري چې متخصصین د داسې یوې وسیلې لپاره کار کوي، نه یوازې د دندو وړتیا ترسره کوي، بلکه پخپله د پروسې څخه خورا ډیر خوښي ترالسه کوي.

په هرصورت، مخکې له دې چې تجربه لرونکي ویب ډیزاینر شي، هر نوي نوښت ډیر وختونه د HTML ژبې او د هغه الیلی CSS لپاره دواړو لپاره مختلف لارښوونې او ځانګړتیاوې زده کوي. دا د سی ایس ایس دی، دا د څه لپاره دی او څه چې "د غوږونو سره نښلوی" تاسو ته اجازه درکوي چې تاسو ترلاسه کړئ، او د هغه د مشهور ملکیتونو څخه یې هم - د موقعیت اړیکه - موږ به نن خبرې وکړو.

سی ایس ایس څه دی؟

لنډیز سی ایس ایس کیدای شي تصویب شي او روسیې ته "د سنجیدونکي طرزالعملونو" په توګه وکارول شي. دا ډیر عجيب ښکاري - په یوه لاس کې، د کلمو او پوهیدو په څیر، بل بل - عموما معنی په یوځل کې ندي نیول شوي. راځئ د ساده سره پیل کړئ - د شالونو سره. دا ټیکنالوژي تاسو ته اجازه ورکوي چې په پاڼه کې ځانګړتیاوې په نښه کړي چې د ظهور سره تړاو لري، کوم چې یوازې یو ځل تشریح کیدی شي، مګر د یو لاتین شمیر شمیرې کارول.

په رسمي ژباړې کې "میزونه" نژدې نږدې ناڅاپه وي. په حقیقت کې، دا د "شیټونو" یا "لیست" کلمو کارولو لپاره خورا مناسب دی، مګر د اصلي ژباړونکي لیکوالان پریکړه وکړه چې سی ایس ایس نور د لیست په پرتله د لیست په څیر ښکاري، او څوک څوک دي داسې چې اوس دوی قضاوت کیږي.

بالاخره، د "سیسټم" کلمه. حقیقت دا دی چې هر عنصر کولی شي په یوځای کې ډیری شیلیونه ولري، چې کیدای شي مخلوط یا حتی د مینځلو وړ وي. په داسې حالاتو کې، لټونګر باید یو شمیر قواعدو ته بیا کتنه وکړي، ترڅو د سمبول سم بڼه سمه کړي، کوم چې ډیری ډولونه لري، د دوی له یو سره، د بیلګې په توګه، د موقتي اړیکو ملکیت لري، او بل - مطلق پوزیشن لري. په واقعیت کې، دا ډول شخړې نشي زغملی، مګر په لویو پروژو کې دا ډول ناڅاپی اکثرا پیښیږي.

نو، اوس چې دا نوم واضحه ده، راځئ چې یو ساده مثال وګورو. راځئ چې ووایاست چې تاسو په خپل ویب پاڼه کې یو ډیر بڼونه لرئ کوم چې په یو مشخص ډول ډیزاین شوي دي. دوی د اندازې، سایې، شفافیت، رنګ په څیر داسې ملکیت لري. البته تاسو کولی شئ دا پیرامیټونه مشخص کړئ، هر تڼۍ جوړه کړئ، مګر دا به د سی ایس ایس کارولو لپاره خورا اسانه وي. په عمل کې، تاسو اړتیا لرئ چې یو ټولګی تشریح کړئ چې د پورته ذکر شویو ملکیتونو لیستونه به لیست شي، او بیا، د یوې اوږدې شمیرې شمیرې پر ځای، د هر تڼۍ ٹیګ به یوازې د دې ټولګي نوم مشخص کړي، وروسته لدې چې براؤزر به دا عناصر اړین رنګونو کې رنګ کړي او دوی ته مناسبه ورکړي "ګالس".

زه ولې د مقام ملک ته اړتیا لرم؟

اوس راځئ چې په مستقیم ډول د مقام ملکیت ته لاړ شو، ځکه چې ټوله مقاله تصور شوې وه. که تاسو د انګلستان سره واقف یاست او ښه انفجسیون ولرئ، نو تاسو باید دمخه پوه شئ - دا ملکیت د عنصر مسؤلیت مسؤل دی. په واقعیت کې، دا د یو مشخص ځای د تعریف کولو پر ځای، دا ملکیت براؤزر ته وايي چې څنګه یو مناسب توکي ګاونډي یا ټول پاڼې ته په بشپړه توګه ځای ورکوي.

د ارزښت ملکیت کوم ارزښتونه لري؟

زموږ شتمنۍ کولی شي مختلف ارزښتونه واخلي، یوازې پنځه یې شتون لري. دلته د هر یو لنډ تفصیل دی:

• وضعیت وارزوی. دا ملکیت تاسو ته اجازه درکوي چې د هغه شیانو پوسټ ډاټا نقل کړئ چې مور او پلر دی. د بېلګې په توګه، که تاسو د ټاکل شوي مقام شرایطو سره یو ډه لرئ، نو بیا لیږل شوي امیر د میراث سره د ارزښت اړیکه هم ترلاسه کوي.
• منطقی حالت دا ارزښت په ټولیز ډول په ټولو عناصرو ته ورکول کیږي، مګر دا چې هیڅ ډول مشخص نه شي. عناصر په موقف کې ځای لري ځکه چې دوی په کود کې ذکر شوي او د مختلفو "لیوالتیا" لپاره شتون نلري چې دوی خپل موقف بدلولو ته اجازه ورکوي.
• مطلق مقام. د مقام ملکیت دا ارزښت اکثرا په هغو قضیو کې کارول کیږي چېرې چې دا د "تیښتې" عنصر جوړولو لپاره ضروري وي. د دې د ملکیت ارزښت سره، عنصر د پاتې نورو پاڼو لپاره "ناڅاپي" پاتې کیږي. دا هغه دي چې دا په واقعیت کې شتون لري لکه څنګه چې زموږ بشپړ مطلق وجود شتون نلري. هغه پخپله تل په ځای کې پاتې کیدی شي، هیڅکله مهمه نه ده چې پاڼه په کوم ځای کې لیکل شوې وه.
• وضعیت ټاکل په ډیری احترامونو کې دا ارزښت د تیر کال سره ورته دی، په داسې حال کې چې مطلق عنصر د پلار سره نښلول کیږي، د غوراوي د سکرین په پورتنۍ کڅوړې یوازې د همغږۍ کارول یوازې د نورو عناصرو ته پام نه کوي چې مخکې یې دا کار کړی.
• په پاى کې، د مقام اړيکې. دا ډول ارزښت تاسو ته اجازه درکوي چې عنصر د نورو سره تړاو ولري، کوم چې ګټور وي کله چې د انفیکټ نښه نښه شي، په عامو خلکو کې "ربڑ" په نوم یادیږي. د دې ملکیت سره، عنصر به په "پاڼه کې جلا کړي"، په پاڼه کې د دې ځای د بدلون توان نلري پرته به.

په مختلفو لټونونو کې د ځای سره د کار ځانګړتیاوې

ټول براؤزرونه ورته مساوي ندي. پداسې حال کې چې د انترنیټ سرفینګ لپاره ډیری بدیل پروګرامونه د پیسو ارزښت ارزښت لري، "په ځانګړي توګه" ځانګړي "انټرنیټ اکسپلورر دا ملکیت د هغې نسخه په پام کې نیسي.

د بیلګې په توګه، د مخکینۍ دفن شوي IE6 برنامه کارول، تاسو د فکس او وارث ارزښتونه کارولی نشئ - خره په ساده توګه دوی ته پاملرنه کوي. په هرصورت، د حقیقت سره سره چې د اوومې نسخه څخه وضعیت اصالح شوی، او فکس شوی د مخه یې پروسس شوی و، اندیښنو لپاره هرڅوک خوښ شول چې "د نورو براؤزرونو ډلبندۍ" یوازې په دویم پړاو کې ترلاسه کړي.

پاتې بیاکتنه کوونکي په خاموشۍ سره د لومړي نسخو څخه وضعیت، د اوپیرا استثنا پرته، چې په څلورم بدلون کې د دې ملکیت لپاره مالتړ ترلاسه کړی، د 90 په منځ کې خپور شوی.

په Javascript کې د پوست سره کار کول

په حقیقت کې، په جاوا سکرپٹ کې د مقام ملکیت سره څنګه کار کولو په اړه کیسه، موږ یوازې د شرایطو لپاره شامل و. ځکه چې دا ملکیت په نوم کې کوم ځانګړي ځانګړتیاوې نلري، تاسو کولی شئ د JS پرته کوم بدلونونه وکارئ، د بیلګې په توګه، د موقتي رالیف ډېټ د جوړولو لپاره، تاسو باید دا لیک شامل کړئ: div.style.position = 'relative'.

لکه څنګه چې تاسو ګورئ، هر څه خورا ساده دي.

ولې د مقام شرایط ځانګړې پاملرنه لري؟

پداسې حال کې چې د مقام ملکیت ډیری ارزښتونه، په شاوخوا کې، د شاوخوا شاوخوا عناصرو کې "توک" کېږدي، د "طرز سټیشن: نسبتا" ارزښت ارزښت کاروي، دا تل د ټول مخ په یادولو سره تل د ټولو مخونو لپاره، ځکه چې د هغې غلط استعمال کولی شي د سکرین ټول منځپانګې "اختطاف" کړي .

برسېره پردې، یواځې دا ملکیت تاسو ته اجازه ورکوي چې یو مشخص ډیزاین په انډولیک بڼه بدل کړي، ځکه چې د دې غوښتنلیک په اتوماتيک ډول د پاڼې ټول منځپانګې اغیزمنوي. بله، موږ اوس هم وخت لرو چې د دې ارزښت کارولو بېلګې او غلطۍ په پام کې ونیسو، او تاسو به په عملي توګه د هغې ارزښتمنه ارزښت وګورئ.

کله چې زه د خپل دریځ ځای نیولو څخه کار واخلم؟

د روایتی HTML پاڼو ترتیب سره، د موقعیت اړیکه اکثرا د مختلفو بیلو اثراتو د جوړولو لپاره کارول کیږي. د مثال په توګه، که تاسو غواړئ یو عنصر یو پاڼې ته "راشي" یا، په سمه توګه، په آسانۍ سره د کنډکونو ته لاړ شئ، نو دا ملکیت کولی شي تاسو سره "دا" کار کولو کې مرسته وکړي.

ورته "چلونه" د Javascript له لارې پلي کیږي، یا، که تاسو د CSS3 د شتمنیو له لارې پرمختللي ترتیب لپاره هڅه کوئ، کوم چې تاسو د متغیر ارزښت په ارزښت د چاکیکیک بدلون بدلولو ته اجازه درکوي.

برسېره پردې، په ځینو حالتونو کې، دا امکان لري چې د "حساس" مقام شرایطو ارزښتونه رامنځته کړي. سی ایس ایس، که څه هم دا تاسو ته اجازه نه ورکوي چې یوځل د موقف په څیر یو څه وټاکئ: مطلق، مګر د ځینو چالونو کارولو سره، تاسو کوالی شئ دا اغیز ترالسه کړئ. دا تګلاره کیدای شي په هغو قضیو کې ګټور وي کله چې تاسو اړتیا لرئ چې د یوې پیچلې توکې ټپ یا د مینځني مینو په څیر یو څه رامنځته کړئ. د مثالونو په پام کې نیولو سره، موږ به په یقین سره د داسې "حاکمیت" جوړښت تشریح کړو.

د اړونده پوستونو د کارولو مثالونه

د موقف اړیکه د عادلانه ساده لا تر اوسه ساده ده چې تاسو تاسو ته اجازه درکوي چې ډیری دلچسپی اغېزونه پلي کړي. د دې لپاره چې د بې ځایه ساندلو کودونو لیکلو وخت او ځای ضایع نکړو، موږ ځینې شفاهي الګوریتمونه درکړو چې ستاسو سایټ یا د هغې انفرادي پاڼې سجده کولی شي.

راځئ چې د "چلولو" لین سره پیل وکړو. داسې فکر وکړئ چې تاسو داسې عنصر ته اړتیا لرئ چې د سکرین د باندنۍ برخې څخه "سفر" ته راشي او ورو ورو په ښي خوا کې حرکت وکړي. د دې ډول "میکانیزم" پلي کولو لپاره، تاسو اړتیا لرئ چې موقف ترتیب کړئ: اړونده؛ بکس: -100px، چیرته چې -100 د پکسلونو اټکل شوی شمیر دی چې د بلاک چوکۍ جوړوي. دا ډول طرزالعمل به تاسو ته اجازه ورکړي چې د سکرین څخه بهر د بلاک پټولو لپاره، "د پیل کولو دریځ" کې ځای پر ځای کړي. اوس تاسو کولی شئ د سکریپټ استعمال وکړو چې د هر څو ملیونایډ بکس ملکیت ارزښت لوړوي تر هغه چې دا د ब्राउजर کړکۍ د چوکۍ سره مساوي وي. د عنصر چوکۍ. د پایلې په توګه، موږ یو داسې بلاک ترلاسه کوو چې د باندنۍ څنډې څخه راځي، په ټول سکرین کې او "ښایسته" په ښي خوا کې راښکته شوی.

بله بېلګه تاسو ته اجازه درکوي چې "نسبتا مطلق" عناصر جوړ کړي. د مثال په توګه، تاسو کولی شئ په بشپړ ډول دننه دننه داخل کړئ چې د موقف اړیکه لري. په پایله کې، موږ یو "نسبتا" بلاک درلود چې د اندازې اندازه نلري، په کوم کې چې مطلق یو لیکل شوي، وړتیا لري چې په هغه موقف کې خپل ځان څرګند کړي چې مخکې یې په عنصرونو پورې اړه لري.

عمومي حالتونه کله چې د موقف اړیکه کاروي

تر ټولو عام غلطي کله چې د پوټکي اړیکو کارول داده چې د ډیزاین ډیزاینران د هغه بلاک لپاره د ځای ساتلو توان لري چې هرڅه شتون لري د دې په اړه هېر شوي. د مثال په توګه، که تاسو یو لوی لوی لرئ، د سکرین څخه بهر ځای پر ځای کړئ او یو مناسب موقف ولري، یو "سوراخ" په خپل ځای کې حاضر شي. په هرصورت، دا شتمنۍ، کله ناکله ځینې ځانګړي ناانصافي پیدا کوي، د ښه لپاره کارول کیدی شي، د بیلګې په توګه، د "ځان غونډولو" سایټ د یوې زړه پورې اغیزه رامنځته کولو کې چې په هغې کې ټولې بالاخره په وروستي حالت کې په لاندې ډول دي: 0 پوهه؛ ښي: 0؛ دا په خپل اصلي ځای کې دی.