شرح صفوف ومحتوى الفقرة
تختتم طبقة Reboot قواعدها بضمانات أصيلة لإمكانية الوصول وحماية المستخدمين:
- احترام تفضيل تقليل الحركة
prefers-reduced-motion: لا يفعّل بوتستراب التمرير السلسscroll-behavior: smoothأو انتقالات الحركة إلا إذا لم يطلب المستخدم تقليل الحركة في إعدادات نظام التشغيل، مراعاةً للمصابين بالحساسية البصرية والدوار. - تحصين السمة القياسية
[hidden]: يفرض القاعدةdisplay: none !importantعلى أي عنصر يحمل السمةhiddenلمنع ظهوره خطأً عند إعطائه خاصية عرض أخرى في التنسيقات.
| المحدد المستهدف | السلوك الخام في المتصفح | قاعدة Reboot في Bootstrap 5.3 | الفائدة الهندسية |
|---|---|---|---|
*, *::before, *::after | box-sizing: content-box | box-sizing: border-box | بقاء الحشو والحدود ضمن العرض المئوي للأعمدة |
body | هامش 8px وخط تقليدي | هامش 0 وحزمة خطوط النظام 1rem / 1.5 | امتداد كامل للصفحة ومقروئية فورية سريعة |
h1 – h6 | أحجام جامدة وهوامش مزدوجة | تحجيم متجاوب RFS وهامش سفلي 0.5rem فقط | تدرج سلس للعناوين على الهاتف ومنع تداخل الهوامش |
p, ul, ol, dl | هوامش علوية وسفلية متباينة | إلغاء الهامش العلوي وتوحيد السفلي بـ 1rem | إيقاع عمودي منتظم بين الكتل النصية |
[hidden] | إخفاء ضعيف الأولوية | display: none !important | ضمان بقاء العناصر المخفية غير مرئية دائماً |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتممت الوحدة التأسيسية الأولى بإتقان طبقة Reboot في Bootstrap 5.3: توحيد المتصفحات بمحددات العناصر، وقاعدة border-box الشاملة، وحزمة خطوط النظام، ومحرك الخطوط المتجاوب RFS، وتوحيد الهوامش السفلية، واحترام تقليل الحركة والإتاحة. الخطوة التالية: انتقل الآن إلى الوحدة الثانية والدرس الخامس «نقاط التوقف المتجاوبة في بوتستراب 5» لإتقان العتبات الست القياسية لعرض الشاشات.