CSS Tutorial

التمركز - position

الخطوات العملية:

  • التمركز الثابت: يتم وضع العنصر في موضع محدد ولا يتحرك عند التمرير.
  • التمركز النسبي: يتم تحديد موضع العنصر بالنسبة إلى العنصر الأم.
  • التمركز المطلق: يتم وضع العنصر في موضع محدد على الصفحة بغض النظر عن عناصر أخرى.
  • التمركز الثابت: يتم تثبيت العنصر في موضع محدد عند التمرير.
  • التمركز اللزج: يتم وضع العنصر في موضع ثابت حتى يتم الوصول إلى نقطة محددة، ثم يصبح لزجًا ويبقى مرئيًا أثناء التمرير.

مثال CSS للتحكم في وضع العنصر على الصفحة:

div {
  position: absolute;
  left: 100px;
  top: 50px;
}

هذا سيضع العنصر div في موضع محدد على الصفحة، في هذه الحالة 100 بكسل من اليسار و 50 بكسل من الأعلى.

نصائح لتحسين إمكانية الوصول:

  • استخدم التمركز النسبي والمرن عند الاقتضاء.
  • توفير بدائل نصية لجميع الصور.
  • تجنب استخدام التمركز الثابت والثابت، لأنه قد يجعل من الصعب على المستخدمين التنقل في الصفحة.

نصائح لسهولة الاستخدام:

  • استخدم التمركز النسبي والمرن لإنشاء تخطيطات مرنة.
  • استخدم التمركز الثابت والثابت بشكل مقتصد لإنشاء عناصر ثابتة أو لزجة.
  • اختبار الموقع في جميع المتصفحات وأحجام الشاشات للتأكد من عرض المحتوى بشكل صحيح.