Advanced CSS & Selectors

نبذة عن المشروع: هذا المشروع هو تطبيق عملي لاستعراض مهارات التحكم الدقيق في تصميم صفحات الويب باستخدام HTML5 و Pure CSS فقط، دون الاعتماد على أي مكتبات خارجية (مثل Bootstrap). الهدف الرئيسي هو إثبات القدرة على تطويع اللغة لبناء أي تنسيق مطلوب وفهم أعمق مفاهيم الـ CSS Architecture. المفاهيم والتقنيات المطبقة: صراع الأولويات (CSS Specificity Wars): إدارة تعارض التنسيقات بذكاء وفهم الفارق بين المعرفات (IDs) والفئات (Classes). الاستخدام الاستراتيجي لـ !important عند الضرورة القصوى فقط. المحددات المتقدمة (Advanced Selectors & Combinators): استخدام Child Combinator (>) للتحكم في العناصر الأبناء مباشرة. استخدام Adjacent Sibling (+) لتنسيق العناصر المتجاورة (مثل الفقرات التي تلي العناوين). تفاعلية الواجهة (Pseudo-classes): تحسين تجربة المستخدم (UX) باستخدام حالات :hover و :focus. إضافة نصوص ومحتوى ديناميكي باستخدام ::after و ::before. نظام التخطيط (Layout & Box Model): استخدام تقنية Float لتخطيط الشريط الجانبي (Sidebar). تخصيص نماذج الإدخال (Forms) بحدود مخصصة (Dashed Borders) وهوامش دقيقة. أدوات التطوير: HTML5 (Semantic Structure). CSS3 (Advanced Styling). VS Code.