كيف تضفي CSS الحيوية على الصفحات
استخدم وسوم العناصر، وأسماء الأصناف، والمعرّفات لتحديد عناصر HTML معينة وتنسيقها.
كيف تضفي CSS الحيوية على الصفحات درس مجاني في CSS Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في CSS Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة CSS Academy 3 دروس في المجموع.
لنمنحها الحياة
حان الآن الجزء الممتع: كيف تغيّر CSS الصفحة فعلًا. الأمر أبسط مما قد تتوقعون، وستتقنونه بالتأكيد. 💪
الفكرة الأساسية
تعمل CSS من خلال تقديم تعليمات: اختاروا عنصرًا، ثم صفوا المظهر الذي ينبغي أن يكون عليه. هذه هي الفكرة كلها تقريبًا.
تعرّفوا على القاعدة
تتكون قاعدة CSS من جزأين: ما الذي نريد تنسيقه (المحدد)، وكيف ننسّقه (التصريحات). زوج بسيط!
ألقوا نظرة على قاعدة
إليكم قاعدة كاملة. يختار “p” الفقرات، وداخل القوسين المعقوفين نحدد اللون. اقرأوها كما لو كانت جملة. 📖
<p>This paragraph is green.</p>
الخاصية والقيمة
داخل القوسين المعقوفين، تكتبون خاصية (مثل color) وقيمة (مثل green). الخاصية: ماذا. القيمة: كيف.
مثل إعطاء التوجيهات
الأمر يشبه أن تقولوا لرسام: “ذلك الجدار، لوّنوه بالأخضر”. المحدد هو الجدار، والقاعدة هي تعليماتكم. 🎨
غيّروا شيئًا واحدًا
هل تريدون نصًا أكبر؟ غيّروا قيمة. هل تريدون لونًا جديدًا؟ غيّروا قيمة. تتيح لكم CSS تعديل الصفحة فورًا.
قواعد كثيرة معًا
تجمع الصفحة الحقيقية عددًا كبيرًا من القواعد الصغيرة. كل قاعدة منها بسيطة، لكنها تنشئ المظهر الكامل معًا. العمل الجماعي! 🤝
أين توجد CSS؟
توجد CSS عادةً في ملف مستقل مرتبط بصفحتكم. نسّقوا الموقع من مكان واحد، وسيتحدث الموقع بأكمله. أمر عملي!
انظروا إلى مدى تقدمكم
يمكنكم الآن قراءة قاعدة CSS ومعرفة ما تفعله. إنجاز كبير! والآن ننتقل إلى اختيار ما تريدون تنسيقه بالضبط. 🎯
اختبار سريع
لنتحقق من فهمكم. في قاعدة CSS، ما الذي يحدده المحدد؟
تعلم CSS مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 40
- الدروس
- 159
الأسئلة الشائعة
هل درس «كيف تضفي CSS الحيوية على الصفحات» مجاني؟
نعم — نص درس «كيف تضفي CSS الحيوية على الصفحات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة CSS Academy، انتقل إلى CoddyKit PRO. تتضمن دورة CSS Academy 3 دروس في المجموع.
ماذا ستتعلم في «كيف تضفي CSS الحيوية على الصفحات»؟
استخدم وسوم العناصر، وأسماء الأصناف، والمعرّفات لتحديد عناصر HTML معينة وتنسيقها. تتمرن على CSS Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ CSS Academy؟
لا تُشترط خبرة سابقة. CSS Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «كيف تضفي CSS الحيوية على الصفحات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس CSS Academy هذا؟
نعم. كل درس في CSS Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما هي CSS؟
- كيف تضفي CSS الحيوية على الصفحات
- المحدّدات: اختيار ما تريد تنسيقه