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

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

CSS (Cascading Style Sheets) هي لغة تنسيق تستخدم لتصميم صفحات الويب وجعلها جذابة.

أولاً: مفهوم CSS

CSS هي لغة تنسيق تصف كيفية عرض عناصر HTML على الشاشة. تفصل بين المحتوى (HTML) والتنسيق (CSS).

ثانياً: طرق إضافة CSS

• داخلي (Internal): كتابة CSS داخل وسم <style> في صفحة HTML.
• خارجي (External): ربط صفحة HTML بملف CSS خارجي.
• مضمن (Inline): إضافة التنسيق مباشرة داخل وسم HTML.

ثالثاً: خصائص CSS الأساسية

• الألوان: color (لون النص), background-color (لون الخلفية).
• الخطوط: font-family (نوع الخط), font-size (حجم الخط), font-weight (سمك الخط).
• الخلفيات: background-image (صورة خلفية), background-repeat (تكرار الخلفية).
• الهوامش: margin (المسافة الخارجية), padding (المسافة الداخلية).

مثال

<style>
h1 { color: blue; font-size: 24px; text-align: center; }
p { color: gray; font-family: Arial; line-height: 1.5; }
</style>

تمارين

التمرين 1: اكتب كود CSS يجعل عنوان الصفحة باللون الأحمر ووسط الصفحة.

التمرين 2: كيف تجعل خلفية صفحة الويب باللون الأزرق الفاتح؟

للمزيد، راجع درس أنظمة التشغيل ودرس مقدمة في البرمجة بلغة سكراتش.