الإعلام الآلي — CSS3: تحكم متقدم في تصميم صفحات الويب — الثالثة ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري

CSS3: تحكم متقدم في تصميم صفحات الويب

CSS3 توفر أدوات قوية لتصميم الواجهات.

1. Flexbox

.container { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }

2. Grid

.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }

3. التأثيرات

.box { transition: all 0.3s ease; } .box:hover { transform: scale(1.1); }

4. تمارين

تمرين 1: صفحة باستخدام Flexbox لتوزيع 4 بطاقات.

تمرين 2: شبكة 3×3 باستخدام Grid.

تمرين 3: تأثير hover يغير اللون ويكبر العنصر.

📍 دروس مشابهة

• قواعد البيانات: مقدمة SQL — الثالثة ثانوي
• البرمجة الكائنية: مفهوم الكائنات والصنف — الثالثة ثانوي–
• خوارزميات الترتيب: ترتيب بالدمج (Merge Sort) — الثالثة ثانوي–
• خوارزميات الترتيب: ترتيب سريع (Quick Sort) — الثالثة ثانوي–