تتكوّن قاعدة CSS من جزأين أساسيين: المحدِّد (Selector) وكتلة التصريحات (Declaration Block).
- المحدِّد (Selector): يحدّد عنصر HTML أو مجموعة العناصر التي نريد تطبيق التنسيقات عليها.
- كتلة التصريحات (Declaration Block): تحتوي على مجموعة من التصريحات التي تحدّد كيفية تنسيق العناصر المحدّدة، وتُكتب بين قوسين معقوفين
{ }.
يشير المحدِّد (Selector) إلى عنصر HTML الذي نريد تطبيق التنسيقات عليه.
تحتوي كتلة التصريحات (Declaration Block) على تصريح واحد أو أكثر، تفصل بينها فواصل منقوطة (;).
يتكوّن كل تصريح من اسم خاصية CSS وقيمتها، ويفصل بينهما نقطتان رأسيتان (:).
تُفصل التصريحات المتعددة بفواصل منقوطة، وتُحاط كتلة التصريحات بأقواس معقوفة { }.
مثال
شرح المثال
p: هو المحدِّد (Selector) في CSS، ويشير إلى عناصر الفقرات<p>في HTML لتطبيق التنسيقات عليها.color: خاصية تُستخدم لتحديد لون النص، بينماredهي القيمة التي تحدّد اللون الأحمر.text-align: خاصية تُستخدم لتحديد المحاذاة الأفقية للنص، بينماcenterهي القيمة التي تجعل النص في المنتصف.
ستتعرّف على المزيد من محددات CSS وخصائصها في الفصول القادمة!