Home

بعد تعلم HTML الذي يُستخدم لبناء هيكل صفحات الويب، يأتي دور CSS التي تُستخدم في تنسيق الشكل العام للموقع وجعله أكثر جمالًا وتنظيمًا.
CSS هي المسؤولة عن الألوان، الخطوط، ترتيب العناصر، وتحسين تجربة المستخدم داخل الصفحة.
ما هي CSS؟
CSS هي اختصار لـ Cascading Style Sheets، وهي لغة تُستخدم لتنسيق صفحات الويب المكتوبة بلغة HTML.
 ببساطة:
HTML = بناء الصفحة
CSS = تصميم وتنسيق الصفحة
 أهمية CSS
CSS تعتبر عنصر أساسي في أي موقع لأنها تساعد على:
تحسين شكل الموقع وجعله احترافي
تنظيم المحتوى داخل الصفحة
التحكم في الألوان والخطوط
جعل الموقع متجاوب مع جميع الأجهزة (موبايل – كمبيوتر)
 طريقة كتابة CSS
تُكتب CSS بطريقة بسيطة تعتمد على اختيار العنصر ثم تطبيق التنسيق عليه:
CSS
selector {
  property: value;
}
📌 مثال:
CSS
h1 {
  color: blue;
  font-size: 30px;
}
 هذا المثال يجعل العنوان لونه أزرق وحجمه 30 بيكسل.
 أساسيات CSS المهمة
1. الألوان (Colors)
تستخدم لتغيير لون النص أو الخلفية:
CSS
color: red;
background-color: yellow;
2. الخطوط (Fonts)
للتحكم في شكل وحجم النص:
CSS
font-size: 20px;
font-family: Arial;
3. الهوامش (Margin & Padding)
margin: المسافة خارج العنصر
padding: المسافة داخل العنصر
CSS
margin: 10px;
padding: 15px;
4. تنسيق الترتيب (Layout)
تُستخدم لترتيب العناصر داخل الصفحة مثل:
Flexbox
Grid
 نصائح مهمة لتعلم CSS
لا تكتفي بالمشاهدة فقط، قم بالتطبيق العملي
جرّب تغيير الأكواد وشاهد النتائج
ابدأ بمشاريع بسيطة مثل صفحة شخصية
كرر التدريب يوميًا لتثبيت المعلومة
 الخلاصة
CSS هي خطوة أساسية بعد HTML، وبدونها يكون الموقع غير منسق وبسيط جدًا.
كلما تدربت أكثر على CSS، ستتمكن من تصميم مواقع احترافية بشكل أسهل وأسرع.