الإعلام الآلي — CSS: تنسيق صفحات الويب — الرابعة متوسط — المنهاج الجزائري

CSS: تنسيق صفحات الويب

CSS (Cascading Style Sheets) هي لغة تنسيق تستخدم للتحكم في مظهر صفحات الويب. تتيح CSS تغيير الألوان والخطوط والمسافات والتخطيط بشكل منفصل عن محتوى HTML.

طرق إضافة CSS:

• داخلي (Inline): باستخدام خاصية style داخل الوسم
• داخلي (Internal): باستخدام وسم <style> في رأس الصفحة
• خارجي (External): ملف CSS منفصل يتم ربطه بالصفحة

قواعد CSS الأساسية:

/* تغيير لون العناوين */
h1 {
    color: blue;
    text-align: center;
    font-size: 24px;
}

/* تنسيق الفقرات */
p {
    color: #333;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

الخواص الشائعة:

• color: لون النص
• background-color: لون الخلفية
• font-size: حجم الخط
• margin: الهامش الخارجي
• padding: الحشو الداخلي
• border: الحدود

تمارين:

1. اكتب كود CSS لتغيير لون خلفية الصفحة إلى اللون الأزرق الفاتح.
2. كيف تجعل عنوان الصفحة في المنتصف؟
3. ما الفرق بين الهامش (margin) والحشو (padding)؟

للمزيد: HTML: الجداول والنماذج ومقدمة في HTML