انتقل إلى محتوى الدرس

Typography Reference Table مرجع كلاسات تنسيق النصوص

أتقن نظام تنسيق النصوص والخطوط في بوتستراب 5.3 بدءاً من كلاسات العناوين والعناوين الكبرى والفقرة الاستهلالية، مروراً بالاقتباسات والقوائم المجردة وعناصر عرض الأكواد.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

يلخص الجدول المرجعي التالي أهم كلاسات الطباعة والوسوم النصية المعتمدة في بوتستراب 5.3 والغرض الدقيق لكل منها لاختيار الأداة الأنسب في واجهتك:

الكلاس أو الوسمالتأثير البصري القياسيحالة الاستخدام المثالية
.h1 – .h6أحجام وسمك عناوين قياسية مرنةمنح فقرة مظهر العنوان دون تغيير تسلسل SEO
.display-1 – .display-6أحجام كبرى حتى 5rem بوزن 300عناوين الواجهات الترحيبية والأرقام الإحصائية
.leadحجم 1.25rem ووزن خط خفيفتمييز الفقرة الافتتاحية في المقالات والصفحات
.blockquote + .blockquote-footerخط مقتبس واضح مع تذييل مصدر بشرطة تلقائيةعرض المقولات والمراجع الموثقة داخل <figure>
.list-unstyled / .list-inlineحذف النقاط أو صف عناصر القائمة أفقياًقوائم التذييل والروابط السريعة بدون نقاط
<code> / <kbd> / <samp>خط أحادي العرض وأزرار مفاتيح داكنةالتوثيقات التقنية واختصارات لوحة المفاتيح
الصف 2 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

ملخص الدرس: تعرفت في هذا الدرس على منظومة تنسيق النصوص في بوتستراب 5.3، وكيفية الفصل الذكي بين وسوم العناوين الدلالية وكلاسات المظهر البصري، واستخدام العناوين الكبرى والفقرات الاستهلالية والاقتباسات الموثقة والقوائم المجردة وعناصر عرض الأكواد.

الخطوة التالية والدرس القادم

انتقل الآن إلى درس «الصور والأشكال التوضيحية في بوتستراب 5» لإتقان تحجيم الصور المتجاوبة وتوسيطها وربطها بتسميات دلالية متكاملة.