تحديد المواقع النسبية مقابل تحديد المواقع المطلقة في CSS: الفرق والمقارنة

يقدم لنا عالم CSS مجموعة متنوعة من الشروط والأحكام. CSS هي لغة برمجة مهمة في HTML (لغة ترميزية).

يعمل من قبل العديد من خبراء الكمبيوتر المحترفين ومحللي الكمبيوتر. يوجد المصطلحان ، الموضع النسبي والموضع المطلق ، في لغة برمجة CSS.

الوجبات السريعة الرئيسية

  1. ينقل الموضع النسبي عنصرًا بالنسبة إلى موضعه الأصلي دون التأثير على تخطيط العناصر الأخرى.
  2. يزيل الموضع المطلق عنصرًا من تدفق المستند ويضعه بالنسبة إلى أقرب سلف له موضعه.
  3. يحافظ الموضع النسبي على موضع العنصر داخل تدفق المستند ، بينما يمكن أن يتداخل الموضع المطلق مع العناصر الأخرى أو يعطلها.

تحديد المواقع النسبي مقابل تحديد المواقع المطلقة في CSS

الموضع النسبي مرتبط بحركة عنصر داخل المستند. لا يتغير تخطيط المستند في الموضع النسبي. يرتبط الموضع المطلق بحركة عنصر في مستندات مختلفة أو من مستند إلى آخر. يمكن تغيير تخطيط المستند في تحديد الموضع المطلق.

تحديد المواقع النسبي مقابل تحديد المواقع المطلقة في CSS 1

يعد تحديد الموضع النسبي في CSS أحد أكثر المصطلحات قيمة (يستخدمه محللو الكمبيوتر) في البرمجة.

إنه ينقل عنصرًا بحيث يظل متناسبًا مع موضعه الأصلي. يشير مصطلح "نسبي" إلى شيء يتم قياسه بما يتناسب مع الكل.

لا يغير تخطيط المستند. إنه ينقل كائنًا إلى اليسار واليمين والأعلى والأسفل.

يعد التحديد المطلق للمواضع في CSS نوعًا ذا قيمة من المواضع يساعدك على وضع عنصر في أي مكان تريده.

نوع الرسوم المتحركة الخاص بها منفصل (مشابه لنوع الرسوم المتحركة للموضع النسبي). رمز g لهذا المنصب هو G90. يضع الموضع المطلق دائمًا عنصرًا متعلقًا بالعنصر الأصل.

اقرأ أيضا:  OneDrive مقابل iCloud: الفرق والمقارنة

هذا النوع من الموضع ينطبق على العناصر المسماة.

جدول المقارنة

معلمات المقارنةتحديد المواقع النسبية في CSSتحديد المواقع المطلقة في CSS
الوظيفةينقل الموضع النسبي عنصرًا إلى منطقة يسار أو يمين أو أعلى أو أسفل داخل المستند.ينقل الموضع المطلق عنصرًا من تدفق مستند إلى تدفق مستند آخر.
أغراض الاستخداميتم استخدام الموضع النسبي عندما يتم وضع العنصر الداخلي لصفحة معينة بشكل مطلق.عندما يكون العنصر الداخلي لعنصر الصفحة مواضعًا نسبيًا ، يتم استخدام المواضع المطلقة.
تتفاعل الأصليةتحديد الموضع النسبي مطلق بالنسبة للوالد.الموضع المطلق متعلق بالوالد.
تدفق عادي للمستندالموضع النسبي له عنصر في تدفق المستندات العادي.يؤدي تحديد الموضع المطلق إلى إخراج عنصر من تدفق المستندات العادي.
تصميمفي هذه الحالة ، لا يتم تغيير التخطيط أو يظل بدون تغيير.لقد تغير التخطيط في حالة تحديد المواقع المطلق.
قم بتثبيت هذا الآن لتتذكره لاحقًا
يعلق هذا

ما هو تحديد الموضع النسبي في CSS؟

يعد تحديد المواقع النسبي في CSS أحد أكثر المواضع قيمة في عالم البرمجة.

يتم استخدام هذا الموضع عندما يلزم وضع عنصر داخلي لعنصر معين بشكل مطلق.

في الوضع النسبي ، يتم دائمًا وضع العنصر بشكل مطلق في الأصل ونسبته إلى موضعه الطبيعي.

في CSS ، يؤدي تحديد الموضع النسبي إلى تحريك عنصر إما في المواضع اليسرى أو اليمنى أو السفلية أو العلوية.

يمكن أن يؤدي هذا النوع من الترتيب إلى تشكيل عدد قليل من المساحات الفارغة أو الفجوات التي لا يمكن ملؤها. هذا النوع من تحديد المواقع لا يغير التخطيط.

يجب فهم العديد من التفاصيل لفهم مصطلح "الموضع النسبي". بعض هذه التفاصيل مذكورة أدناه:

  • نوع الرسوم المتحركة - منفصل
  • القيمة المحسوبة - كما هو محدد
  • القيمة الافتراضية - ثابت

يحافظ الوضع النسبي على العنصر ضمن تدفق المستند العادي. يبقى الموضع الطبيعي للعنصر داخل المستند ، على غرار القيمة الثابتة. يعين CSS مسؤولية فريدة لهذا النوع من تحديد المواقع.

يتم تقديم العديد من الوظائف عن طريق تحديد المواقع النسبي. بعض هذه الوظائف هي:

  • يساعد في تحديد موضع / موقع العنصر.
  • يساعد في ضبط موضع العنصر في موضعه الأصلي.
  • يمنح الموضع النسبي القدرة على وضع العناصر الداخلية (داخل عنصر صفحة).
اقرأ أيضا:  قاعدة البيانات مقابل مستودع البيانات: الفرق والمقارنة

ما هو الوضع المطلق في CSS؟

تحديد الموضع المطلق في CSS هو نوع فريد من نوعه يغير تخطيط الصفحة.

هذا النوع من تحديد الموضع يأخذ عنصرًا من تدفق المستندات العادي ؛ وبالتالي ، يتم وضع عناصر أخرى مثل هذا العنصر المعين الذي لم يكن موجودًا على الإطلاق.

في الوضع المطلق ، يتم دائمًا وضع العنصر بالنسبة إلى العنصر الأصل وإلى موضعه الطبيعي تمامًا.

في CSS، يتم استخدام الموضع المطلق عندما يلزم وضع عنصر داخلي في صفحة عنصر معين بشكل نسبي. يتم استخدام الموضع المطلق على العناصر المسماة.

لا يعمل على الفئات أو أنواع العناصر العامة. المبدأ الرئيسي لهذا النوع من تحديد المواقع هو أنه يعمل فقط على عنصر واحد في كل مرة.

لا يعرف العديد من محللي الكمبيوتر والمتخصصين كيفية توسيط عنصر باستخدام تحديد الموضع المطلق.

فيما يلي بعض الخطوات حول كيفية تنفيذ تمركز عنصر باستخدام هذا النوع من المواضع:

  • أضف اليسار إلى 50 درجة من العنصر الذي تريد توسيطه.
  • أضف هامشًا أيسرًا سلبيًا يساوي نصف عرض العنصر.
  • ثم أضف قمة إلى 50 درجة من العنصر الذي تريد توسيطه.
  • وأخيرًا ، أضف هامشًا علويًا سلبيًا يساوي نصف عرض الأداة.

الاختلافات الرئيسية بين تحديد الموضع النسبي وتحديد المواقع المطلقة في CSS

  1. يعتبر الموضع النسبي مطلقًا بالنسبة إلى الأصل ، بينما ، من ناحية أخرى ، يكون الموضع المطلق متعلقًا بأصله.
  2. ينقل الموضع النسبي عنصرًا بتخطيط مستند معين ، بينما ، من ناحية أخرى ، ينقل الموضع المطلق عنصرًا من مستند إلى آخر.
  3. يظل التخطيط كما هو في حالة تحديد الموضع النسبي ، بينما من ناحية أخرى ، فإن تحديد الموضع المطلق يغير التخطيط.
  4. يظل العنصر داخل تدفق المستند العادي بالنسبة إلى ، بينما من ناحية أخرى ، في الوضع المطلق ، يتم إخراج العنصر من تدفق المستند العادي.
  5. في الوضع النسبي ، يتم وضع العنصر الداخلي نسبيًا ، بينما ، من ناحية أخرى ، في الوضع المطلق ، يتم وضع العنصر الداخلي بشكل مطلق.
مراجع حسابات
  1. https://dl.acm.org/doi/abs/10.1145/1067170.1067190
  2. https://link.springer.com/article/10.1007/PL00012910

النقطة 1
طلب واحد؟

لقد بذلت الكثير من الجهد في كتابة منشور المدونة هذا لتقديم قيمة لك. سيكون مفيدًا جدًا بالنسبة لي ، إذا كنت تفكر في مشاركته على وسائل التواصل الاجتماعي أو مع أصدقائك / عائلتك. المشاركة هي ♥ ️

سانديب بهانداري
سانديب بهانداري

سانديب بهانداري حاصل على بكالوريوس هندسة في الحاسبات من جامعة ثابار (2006). لديه 20 عامًا من الخبرة في مجال التكنولوجيا. لديه اهتمام كبير في المجالات التقنية المختلفة ، بما في ذلك أنظمة قواعد البيانات وشبكات الكمبيوتر والبرمجة. يمكنك قراءة المزيد عنه على موقعه صفحة بيو.

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المشار إليها إلزامية *

هل تريد حفظ هذه المقالة لوقت لاحق؟ انقر فوق القلب الموجود في الزاوية اليمنى السفلية للحفظ في مربع المقالات الخاصة بك!