انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: التطبيع القياسي Reboot في بوتستراب 5

Normalized HTML Elements تطبيع العناصر القياسية

أتقن طبقة التطبيع القياسي Reboot في Bootstrap 5.3: توحيد المتصفحات، وقاعدة border-box الشاملة، وحزمة خطوط النظام، وتحجيم العناوين المتجاوب RFS، وإعدادات الإتاحة.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تهذّب طبقة Reboot سلوك العناصر القياسية اليومية في HTML لضمان إيقاع رأسي منتظم وخالٍ من المفاجآت:

  • توحيد اتجاه الهوامش للأسفل فقط: تزيل الهامش العلوي margin-top عن العناوين والفقرات والقوائم وتكتفي بالهامش السفلي مثل 0.5rem للعناوين و 1rem للفقرات، مما يقضي على مشاكل تداخل الهوامش العمودية.
  • تنسيق الأكواد والنماذج الخام: تمنح وسوم <code> و <kbd> مظهراً مقروءاً، وتزيل الإطار القديم المزعج حول <fieldset>، وتضبط محاذاة الصور عمودياً في المنتصف، وتوحّد خط حقول الإدخال ليرث خط الصفحة.
الصف 2 كود برمجي
HTML 
<div class="container">
  <h2>Normalized Raw HTML Elements</h2>
  <p>Press <kbd>Ctrl</kbd> + <kbd>S</kbd>
    to save <code>app.js</code>.</p>
  <ul>
    <li>Zero margin-top on lists &amp; headings</li>
    <li>Nested lists have 0 bottom margin</li>
  </ul>
</div>
جرّب بنفسك
الصف 3 معاينة حية

جميع فقرات هذا الدرس (التطبيع القياسي Reboot في بوتستراب 5)