مطلق مقاصد - د سی ایس ایس پوسټینګ تشریح کول

د CSS پوستینګ د بس ایکس، Y همغږي څخه ډیر دی

د سی ایس ایس پوستینګ د اوږدې مودې لپاره د ویب پاڼې ترتیباتو یوه مهمه برخه وه. حتی د نوی سی ایس ایس ترتیباتو تخنیکونو زیاتوالی سره لكه د فلیکس بوکس او سی ایس ایس ګید، د پوټینګ کولو اوس هم د هر ویب ډیزاینر په بکسونو کې یو مهم ځای لري.

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

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

• جامد
• مطلق
• خپلوان
• ثابت شوی

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

که تاسو د پوټینګ مقررات پلي کړئ لکه پورته او یا هم هغه عنصر ته چې عنصر ته یو ثابت حالت ولري، دا اصول به په پام کې ونیول شي او عنصر به پاتې وي چیرې چې په عادي اسنادو کې ښکاري. په حقیقت کې، تاسو به لږترلږه، که هرکله، په سی ایس ایس کې یو جامد پوړ ته یو عنصر ټاکلو ته اړتیا لري ځکه چې دا اصلي قیمت دی.

بشپړ سی ایس ایس پوسټینګ

مطلق پوزیشن کول ممکن د آسانتیا لپاره د اسانه سی ایس ایس پوسټ وي. تاسو د دې سی ایس ایس د مقام ملکیت سره پیل کړئ:

موقف: مطلق؛

دا ارزښت برنر ته وایي چې هر څه پوټکیږي باید د سند د عادي جریان څخه لیرې شي او ځای په ځای په پاڼه کې په سم ځای کې ځای کېښودل شي. دا محاسبه د هغه عنصر ترټولو نږدې نادولتي پوستکي پر بنسټ والړ ده.

ځکه چې د یوې بشپړې پوستې عنصر د اسنادو د عادي جریان څخه بهر اخیستل کیږي، دا به په دې نه تاثیر وکړي چې عناصر په HTML کې مخکې یا وروسته وروسته په ویب پاڼه کې ځای پر ځای شوي دي.

د مثال په ډول - که تاسو ویش درلوده چې د خپلو ارزښتونو د ارزښت څخه کار اخیستل شوی و (موږ به دا ارزښت په لنډ وخت وګورو)، او دننه ویش کې دننه تاسو یو پراګراف درلوده چې تاسو یې د ویش تر سر کې 50 پکسلونه لرئ، تاسو د دې پراګراف لپاره د "مطلق" پوزیشن ارزښت به د "Top" ملکیت په اړه د 50px د آف ارزښت ارزښت سره یوځای، لکه دا چې.

موقف: مطلق؛ لوړ: 50px؛

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

د څلورو پوټکيشن ملکیت چې تاسو یې کارولو لپاره شتون لرئ عبارت دي له:

• پورته
• ښی
• لاندې
• پرېښودل

تاسو کولی شئ د پورته یا لاندې څخه کار واخلئ (ځکه چې یو عنصر د دغو ارزښتونو سره سم نشی کیدی) او یا هم ښی او چپ.

که یو عنصر د مطلق موقف ته وټاکل شي، مګر هلته دا غیرقانوني پوستونه شتون نلري، بیا به دا د بدن عنصر سره تړاو ولري، کوم چې د پاڼې تر ټولو لوړه کچه عنصر دی.

اړیکی پوستینګ

موږ لا دمخه د خپل دریځ پوسټ یادونه وکړه، نو اجازه راکړئ چې د دې ملکیت ته وګورو.

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

د مثال په توګه، که تاسو په خپل ویب پاڼې کې درې پراګرافونه لرئ، او دریم یې "پوسټ: نسبتا" طرز په دې کې ودرول، دا پوست به د دې اوسني ځای پر بنسټ محاسبه شي.

پیراگراف 1.

پیراگراف 2.

> پراگراف 3.

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

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

د ثابت شوي پوستینګ په اړه څه؟

ثابت شوي پوستکیال د مطلق پوټینګ په څیر ډیر دی. د عنصر موقف په ورته ډول د مطلق ماډل په حیث حساب شوی، مګر ثابت عناصر بیا په هغه ځای کې ځای پر ځای شوي - تقریبا تقریبا د واټر مارک په څیر. بیا په پاڼه کې هر څه به د دې عنصر پخوانۍ کتاب وګرځوي.

د دې ملکیت ارزښت استعمالولو لپاره، تاسو به یې تنظیم کړئ:

موقف: ثابت شوی؛

په ذهن کې وساتئ، کله چې تاسو په خپل سایټ کې یو عنصر ځای په ځای کړئ نو دا به په هغه ځای کې چاپ شي کله چې ستاسو ویب پاڼې چاپ شي. د مثال په توګه، که ستاسو عنصر ستاسو د پاڼې په سر کې وټاکل شي، دا به د هر چاپ شوي پاڼې په سر کې راښکاره شي - ځکه چې دا د پاڼې پاڼی ته ټاکل شوی دی. تاسو کولی شئ د رسنیو ډولونه وکاروئ چې بدل کړئ چې څنګه چاپ شوې پاڼې ثابت عناصر ښکاره کوي:

media screen screen {h1 # لومړی {موقف: ثابت شوی؛ }}media چاپول {h1 # لومړی {موقف: جامد؛ }}

اصلي جینفر جینیفر کرینین. په 1/7/16 باندی جریمی Girard لخوا تصویب شوی.