ستاسو د مارجې او سرحدونو څخه سي ایس ایس څخه کار واخلئ

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

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

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

د برایورر د خوندیتوب په اړه یادونه

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

د مارجې او ډډډنګ لپاره د معمول ارزښتونه

د متقابل باکس ماډل د ستونزې حل کولو غوره لاره دا ده چې د HTML عناصرو ټول حاالتو او صفرونو ته صفر ته وټاکو. دلته داسې لارې شتون لري چې تاسو یې کولی شئ دا د دې سیسټم پاڼې ته د دې سی ایس ایس واک اضافه کول دي:

* {margin: 0؛ ډډنگ: 0؛ }

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

بله بله لاره دا ده چې دا ارزښتونه د HTML او بدن عناصر ته پلي کړئ. ځکه چې ستاسو په پاڼه کې ټول نور عناصر به د دغو دوو عناصرو ماشومان وي، د CSS سینګ باید دا ارزښتونه ټولو نورو عناصرو ته پلي کړي.

html، بدن {margin: 0؛ ډډنگ: 0؛ }

دا به ستاسو ډیزاین په ټولو ځایونو کې په یوځای کې پیل کړي، مګر د یادولو لپاره یو شی دا دی چې یوځل تاسو یوځل بیا د ټولو حاالتو او ګنډلو بندولو سره، تاسو باید په غوره توګه دوی ته د خپل ویب پاڼې ځانګړو برخو لپاره بیرته وروګرځئ ترڅو نظر وګورئ. او احساس وکړئ چې ستاسو ډیزاین غوښتنه کوي.

سرحدونه

تاسو شاید فکر وکړئ "مګر هیڅ لټونګر د بدن عنصر په بیالبیل ډول سرحد نه لري". دا په سمه توګه سم نه دی. د انټرنیټ اکسپورر زوړ نسخې د عناصرو په شاوخوا کې شفاف یا پټې پولې لري. تر هغه چې تاسو سرحد 0 ته لاړ شئ، دا سرحد ستاسو د پاڼې ترتیبات خرابوي. که تاسو پریکړه کړې چې تاسو به د IE د دغو لرغونو نسخو ملاتړ ته ادامه ورکړۍ، تاسو به د خپل بدن او HTML شیلیونو لپاره لاندې لاندینۍ کولو سره د دې ادرس ته اړتیا ولرئ:

HTML، بدن {
margin: 0px؛
ډډنگ: 0px؛
سرحد: 0px؛
}

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

اصلي جینفر جینیفر کرینین. په 9/27/16 کې جیریمي Girard لخوا تصویب شوی.