CSS - Syntax تركيب الجملة

CSS - تركيب الجملة (Syntax)

🔸 تتكون قاعدة CSS من **محدد (selector)** و **بلوك إعلان (declaration block)**.

✅ الشكل العام لجملة CSS

selector {
  property: value;
}

🔹 المُحدد (selector) يُشير إلى العنصر الذي ترغب في تنسيقه. 🔹 الخاصية (property) هي السمة التي تريد تغييرها، مثل color أو font-size. 🔹 القيمة (value) هي ما تُعيّنه للخاصية، مثل red أو 16px.

🧪 مثال عملي

p {
  color: red;
  text-align: center;
}

⬅ في هذا المثال:

• p هو المُحدد ويشير إلى كل عناصر الفقرة.
• color خاصية تُغيّر لون النص إلى الأحمر.
• text-align تُضبط محاذاة النص إلى المنتصف.

📌 ملاحظات إضافية

• يجب أن تنتهي كل خاصية في البلوك بفاصلة منقوطة ;.
• يمكن كتابة أكثر من خاصية داخل نفس البلوك.
• تنسيق الجملة مهم جداً لتجنب الأخطاء.