ما هي CSS؟
افهم ماهية CSS، وكيف تحللها المتصفحات، وكيف ترتبط أوراق الأنماط بلغة HTML.
ما هي CSS؟ درس مجاني في CSS Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في CSS Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة CSS Academy 3 دروس في المجموع.
مرحبًا!
مرحبًا بكم! أنتم على وشك تعلم CSS، السحر الذي يجعل صفحات الويب جميلة. هذا مسارنا الأبسط والأقصر، ومصمم ليكون ودودًا جدًا. 🎉
خطوات صغيرة، إنجازات سريعة
كل مشهد قصير. فكرة صغيرة واحدة في كل مرة. ستتقدمون بسرعة وتنهون المسار قبل أن تشعروا بذلك. لا توجد هنا جدران من النصوص!
تعرّفوا على AI Mentor الخاص بكم 🤖
هل ترون زر ✨ AI Mentor البنفسجي في أسفل كل درس؟ إنه مدرّسكم الشخصي — مجاني للتجربة، ومتاح على مدار الساعة طوال أيام الأسبوع على الهاتف والويب.
انقروا عليه عندما تواجهون صعوبة، واختاروا ما تحتاجون إليه:
- 💡 Explain Simply — حوّلوا أي شيء مربك إلى كلمات واضحة وبسيطة
- 📋 Step by Step — قسّموا المشكلة إلى خطوات واضحة
- 🗣️ Everyday Example — اربطوا المفهوم بالحياة اليومية
تتوفر أيضًا خيارات Mini Quiz وCode Example وAsk — يمكنكم سؤاله عن أي شيء على الإطلاق. لن تتعلموا بمفردكم أبدًا. 💜
تعلّموا بلغتكم الخاصة 🌍
هل تفضلون التعلم بلغتكم الأم؟ يمكنكم ذلك!
انقروا على 🌐 زر الترجمة في أعلى اليمين داخل الدرس (وهو موجود أيضًا في الشريط العلوي على الويب)، ثم اختاروا لغتكم. سيظهر كل درس فورًا بلغتكم الخاصة.
يمكنكم العودة إلى اللغة السابقة في أي وقت — تعلموا بالطريقة الأسهل لكم. 🙌
إذًا، ما هي CSS؟
ترمز CSS إلى أوراق الأنماط المتتالية. وبعبارة بسيطة: إنها الطريقة التي ننسّق بها صفحة الويب، من حيث الألوان والخطوط والمسافات والتخطيط.
ملابس الويب
اعتبروا HTML هيكل الصفحة، وCSS ملابسها ومكياجها. الهيكل نفسه، لكن المظهر مختلف تمامًا! 👗
لماذا يهم ذلك؟
من دون CSS، سيبدو كل موقع وكأنه نص أسود عادي على خلفية بيضاء. CSS هي ما يجعل الويب جميلًا ويمنح صفحاتكم طابعكم الخاص.
إنها موجودة في كل مكان
كل موقع تحبونه، بألوانه وأزراره وتخطيطاته، يستخدم CSS. وسرعان ما ستلاحظونها في كل مكان تنظرون إليه.
لمحة صغيرة
إليكم لمحة سريعة. هذه القاعدة الصغيرة تلوّن النص بالأزرق. لا تقلقوا بشأن التفاصيل الآن، ولاحظوا فقط مدى سهولة قراءته! 👀
<p>Hello, CSS!</p>
أنتم تتقدمون!
لقد عرفتم بالفعل ما هي CSS ولماذا تهم. هذه خطوة أولى حقيقية! والآن: كيف تبعث CSS الحياة في الصفحات فعلًا. 🚀
اختبار سريع
سؤال سريع لترسيخ الفكرة. ما الوظيفة الأساسية التي تؤديها CSS لصفحة الويب؟
الأسئلة الشائعة
هل درس «ما هي CSS؟» مجاني؟
نعم — نص درس «ما هي CSS؟» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة CSS Academy، انتقل إلى CoddyKit PRO. تتضمن دورة CSS Academy 3 دروس في المجموع.
ماذا ستتعلم في «ما هي CSS؟»؟
افهم ماهية CSS، وكيف تحللها المتصفحات، وكيف ترتبط أوراق الأنماط بلغة HTML. تتمرن على CSS Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ CSS Academy؟
لا تُشترط خبرة سابقة. CSS Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «ما هي CSS؟»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس CSS Academy هذا؟
نعم. كل درس في CSS Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.