مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
CSS3: تنسيق مواقع الويب – الألوان والخطوط والتخطيط
CSS (Cascading Style Sheets) هي لغة تنسيق تستخدم لتحسين مظهر صفحات الويب. هذا الدرس لتلاميذ السنة الثانية ثانوي شعبة علوم تجريبية.
ما هي CSS؟
CSS هي لغة تصميم تتحكم في مظهر عناصر HTML. تسمح بتغيير الألوان والخطوط والأحجام والتخطيطات. يمكن إضافة CSS داخلياً (في head) أو خارجياً (ملف منفصل).
الخصائص الأساسية
color: أحمر; /* لون النص */
background-color: أزرق; /* لون الخلفية */
font-size: 16px; /* حجم الخط */
font-family: Arial; /* نوع الخط */
margin: 10px; /* الهوامش الخارجية */
padding: 10px; /* الهوامش الداخلية */
border: 1px solid black; /* الحدود */
طرق التحديد (Selectors)
- تحديد العناصر: p { }
- تحديد الفئات: .class-name { }
- تحديد المعرفات: #id-name { }
مثال
body { font-family: Arial; background: #f0f0f0; }
h1 { color: navy; text-align: center; }
.box { background: white; padding: 20px; border-radius: 10px; }
تمارين
تمرين 1: اكتب صفحة HTML تحتوي على عنوان وفقرة، ونسقها باستخدام CSS.
تمرين 2: أنشئ class باسم “highlight” يجعل الخلفية صفراء والخط عريض.
تمرين 3: صمم بطاقة بسيطة باستخدام CSS (ظل، حواف دائرية).
CSS3: تنسيق المواقع الإلكترونية وتصميمها ← راجع درس CSS