أولا : بناء الجملة و المحددات في الـ CSS
تتكون بناء الجملة في الـ CSS من محدد و كتلة التصريح عن الخواص و القيم
كما في الشكل التالي :
1- يشير المحدد إلى عنصر الـ HTML الذي نرغب في تكوين النمط له .
2- تحتوي كتلة التصريح على تصريح واحد أو اكثر مفصول بفواصل منقوطة .
3- كل جملة تصريح في الـ CSS تحتوي على اسم خاصية الـ CSS و و قيمتها مفصولة بنقطتين .
4- دائما ينتهي التصريح في الـ CSS بفاصلة منقوطة و جملة التصريح دائما محاطة بأقواس معقوفة
ثانيا : أنواع المحددات الـ CSS
تستعمل محددات الـ CSS لإيجاد أو تحديد عناصر الـ HTML استنادا إلى أسماء تلك العناصر أو المعرفات إو الأصناف
1- محدد العنصر :
محدد العنصر يحدد العنصر استنادا إلى اسم العنصر
2- محدد المعرف :
محدد المعرف يستعمل خواص المعرف و يطبقه على عنصر من عناصر الـ HTML .
و معرف عنصر ما ينبغي أن يكون فريدا في الصفحة
لذلك محدد المعرف يستعمل لتحدد عنصر واحد فريد في الصفحة .
3- محدد الصنف :
يقوم محدد الصنف بتحديد العناصر ذات خاصية محددة .
لإنشاء محدد صنف في الـ CSS اكتب النقطة ( . ) يتبعها اسم المحدد .
كما يمكنك أيضا من خلال محددات الأصناف استهداف خواص عنصر معين دون أن تؤثر على خواص العناصر الأخرى
و يمكن لعناصر html أن تشير إلى أكثر من صنف
ملاحظة : اسم الصنف لا يمكن أن يبدأ برقم .
ثالثا : تجميع المحددات :
إذا كان لديك عناصر بنفس تعريفات الأنماط
سوف يكون من الأفضل تجميع المحددات و تصغير الكود البرمجي .
لتجميع المحددات قم بفصل كل محدد بفاصلة
رابعا : التعليقات في الـ CSS
التعليقات تستخدم لتوضيح الكود و ربما تساعد عند عملية تحرير مصدر الكود في وقت لاحق .
يتم تجاهل التعليقات من قبل المستعرصات و المتصفحات .
تبدأ تعليقات الـ CSS بعلامة سلاش مع نجمة و تنتهي بنفس العلامة .
و يمكن أن يمتد التعليق على عدة أسطر
/*هذا مثال عن التعليقات في الـ CSS
و ممكن أن تمتد على عدة أسطر دون أن تؤثر
على قالب الصفحة */