لم يفت الأوان أبدًا . .
🎨 لغة سي.اس.اس
CSS هي اختصار لـ Cascading Style Sheets، وتعني "أوراق الأنماط المتتالية". وهي اللغة الأساسية المستخدمة لتنسيق صفحات الويب وإعطائها مظهرًا جذابًا ومنظمًا. من خلال CSS يمكننا التحكم في الألوان، والخطوط، والأحجام، والمسافات، والتخطيطات، والأبعاد، والحركات، والتصميم المتجاوب مع مختلف أحجام الشاشات.
ظهرت CSS لتفصل بين محتوى صفحات الويب وهيكلها الذي توفّره HTML وبين طريقة عرض هذا المحتوى وتنسيقه. ومع تطور الويب، أصبحت CSS أكثر قوة ومرونة، وظهرت تقنيات ومفاهيم حديثة مثل Flexbox وGrid وMedia Queries وAnimations وCustom Properties، مما جعل من الممكن إنشاء واجهات ويب حديثة ومتجاوبة.
فهم أساسيات CSS لا يتطلب أن تكون خبيرًا في البرمجة. معرفة كيفية كتابة القواعد، واختيار العناصر، وتغيير الألوان والخطوط، والتحكم في المسافات والأبعاد، وبناء التخطيطات، وفهم طريقة تطبيق الأنماط، تمنحك أساسًا قويًا لإنشاء صفحات ويب جميلة ومنظمة.
🔍 اكتشف في هذا المشروع رحلة CSS من المفاهيم الأساسية إلى بناء التخطيطات الحديثة وإنشاء واجهات ويب متجاوبة وجذابة.
🎯 الهدف
يهدف مشروع عالم سي.اس.اس – CSSVerse إلى إنشاء مصدر عربي مفتوح لتعلّم CSS بطريقة بسيطة ومنظمة، يبدأ من المفاهيم الأساسية وينتقل تدريجيًا إلى تقنيات تنسيق وتصميم صفحات الويب الحديثة.
📘 المحتوى
- 🎨 مقدمة إلى CSS ومفاهيمها الأساسية
- 📝 كتابة قواعد CSS وربطها بصفحات HTML
- 🔎 المحددات Selectors وكيفية اختيار العناصر
- 🎨 الألوان والخلفيات والحدود
- 🔤 النصوص والخطوط وتنسيق المحتوى
- 📏 الأحجام والمسافات والـ Box Model
- 📦 التحكم في العرض والموضع والعناصر
- ↔️ Flexbox وبناء التخطيطات المرنة
- ▦ CSS Grid وبناء التخطيطات المتقدمة
- 📱 التصميم المتجاوب Responsive Design
- 🖥️ Media Queries ودعم مختلف أحجام الشاشات
- ✨ Transitions وAnimations وإضافة الحركة
- 🎛️ CSS Variables وCustom Properties
- 🧩 Pseudo-classes وPseudo-elements
- 🛠️ أفضل الممارسات وتنظيم ملفات CSS
- 💡 نصائح وممارسات مفيدة للمبتدئين
💡 المصدر المفتوح
هذا المشروع مفتوح للجميع للمشاركة، والتطوير، والمساهمة في نشر المعرفة التقنية باللغة العربية.
🧩 الترخيص
مرخّص وفق رخصة المصادر المفتوحة MIT التي تتيح الاستخدام والتعديل والمشاركة بحرّية.