شرح صفوف ومحتوى الفقرة
لضمان استقرار محدداتك وسهولة قراءتها في المشاريع الحقيقية، اتبع القواعد القياسية لتسمية الأصناف والمعرفات:
- الأحرف الصغيرة والشرطة الوسطى: اكتب الأسماء المركبة بأحرف إنجليزية صغيرة مفصولة بشرطة مثل
.article-leadأو#site-header؛ فتذكر أن أسماء الأصناف والمعرفات حساسة لحالة الأحرف، ولن يطابق.Cardالسمةclass="card". - عدم البدء برقم: ابدأ الاسم بحرف دائماً مثل
.step-1وتجنب البدء برقم مجرد مثل.1st-stepلأن محللCSSيرفضه. - تسمية الوظيفة لا اللون: اختر اسماً يصف الدور مثل
.error-noticeبدلاً من.red-textحتى يظل الاسم منطقياً إذا غيّرت لون التنبيه مستقبلاً.
| نوع المحدد | صيغة الكتابة | الاستخدام العملي الأنسب |
|---|---|---|
| المحدد الشامل | * | ضبط قيم أولية عامة لجميع عناصر الصفحة |
| محدد الوسم | p أو h1 | تنسيق افتراضي موحد لكل عناصر الوسم |
| محدد الصنف | .card-title | تنسيق مرن قابل لإعادة الاستخدام بلا حدود |
| محدد المعرف | #page-banner | استهداف عنصر وحيد لا يتكرر في المستند |
| تجميع المحددات | h1, h2, .lead | توحيد الخصائص المشتركة دون تكرار الكود |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس المحددات الأساسية الخمسة: محدد الوسم، والمحدد الشامل *، ومحدد الصنف المتكرر .class، ومحدد المعرف الفريد #id، وتجميع المحددات بالفاصلة، مع قواعد التسمية الدلالية القياسية. في الخطوة التالية ننتقل إلى درس كيفية استخدام لغة CSS لتعلم طرق ربط ملفات الأنماط الخارجية والداخلية والسطرية بصفحات HTML.