حل ليفل 19 منصة كوريو 2026 كامل.. تعلم سحر الـ CSS وأتقن تصميم المواقع بضغطة زر
حل المستوى 19 منصة كوريو اليابانية 2026 كامل | إجابات CSS "ألوان وتنسيقات"
أهلاً بكم يا مبدعين! بعد ما اتعلمنا إزاي نبني هيكل الموقع في ليفل 18، جه الدور دلوقتي في المستوى 19 عشان نتعلم السحر الحقيقي، وهو لغة CSS. في هدا المستوى، هنتعلم إزاي نغير ألوان النصوص، الخلفيات، أحجام الخطوط، وإزاي نستخدم الـ Classes باحترافية.
إذا كنت تبحث عن حل ليفل 19 منصة كوريو، فإليك الأكواد كاملة ومرتبة "نسخ ولصق".
أولاً: حل دروس المستوى 19 (التنسيق بـ CSS)
الدرس الأول: الألوان والخلفيات
| رقم السؤال | المطلوب | الكود الجاهز للنسخ |
|---|---|---|
| س 3 & 4 | تغيير لون h1 | h1 { color: blue; } |
| س 5 | لون نص p أحمر | p { color: red; } |
| س 6 | خلفية h1 صفراء | background-color: yellow; |
| س 7 | خلفية p برتقالية | background-color: orange; |
الدرس الثاني: التحكم في الخطوط (Font)
س 2 (خط عريض): p { font-weight: bold; }
س 3 (خط عادي): p { font-weight: normal; }
س 4 (سُمك محدد): اكتب رقم 900 في الخانة الفارغة.
س 5 (تصغير الخط): p { font-size : 10px; }
س 6 (تكبير الخط): p { font-size : 50px; }
الدرس الثالث: استخدام الأصناف (Classes)
في هذا الدرس، بنتعلم إزاي ندي لون مختلف لكل فقرة لوحدها عن طريق الـ Class:
س 3 & 5 (تحديد الـ Class في HTML):
للفقرة الأولى: class="apple" أو class="sea"
للفقرة الثانية: class="watermelon" أو class="mountains"
س 4 & 6 (تنسيق الـ Class في CSS):
CSS
.apple { color: red; }
.watermelon { color: green; }
(أو استخدم .sea و .mountains حسب المطلوب في السؤال بنفس الطريقة)
الدرس الرابع: التعليقات في CSS و HTML
س 1 (تعليق CSS): استخدم /* في البداية و */ في النهاية.
س 2 (تعليق HTML): استخدم `` في النهاية.
ثانياً: حل مراجعة واختبار المستوى 19 (الاختيارات)
إليك "زتونة" الاختبار النهائي لليفل 19 لضمان التقفيل:
تحديد الـ selector كـ h1: اكتب h1 في بداية الكود.
تحديد القيمة blue: اكتب blue; في سطر الخاصية.
وصف خاصية color: اختيار (تغيير لون النص).
وصف خاصية background-color: اختيار (تغيير لون الخلفية).
وصف font-weight: bold: اختيار (يصبح النص عريضاً).
القيمة الصحيحة لـ font-size: اختيار font-size: 10px;
تلوين الكلاس dog بالأزرق: اكتب في البداية .dog ليصبح الكود: .dog { color: blue; }
تعليق CSS في السطر الأول: استخدم العلامات /* و */.
خاتمة المستوى 19: مبروك.. صفحتك بقت تنبض بالحياة!
عاش يا بطل! بإنهاء المستوى 19، أنت مابقيتش مجرد طالب بيذاكر برمجة، أنت بقيت "Web Designer" حقيقي. النهاردة اتعلمت إزاي تتحكم في مظهر موقعك، تختار ألوانه، وتنسق خطوطه بذكاء. لغة الـ CSS هي اللي بتفرق بين الموقع العادي والموقع الاحترافي، وأنت النهاردة أخدت فيها شوط كبير.
مادة البرمجة والذكاء الاصطناعي على منصة كوريو اليابانية لسه فيها مفاجآت كتير، والمستويات الجاية هنربط فيها كل اللي اتعلمناه ببعض. خليك دايماً سابق زمايلك، وتابعنا عشان تلاقي كل الحلول جاهزة ومرتبة "نسخ ولصق".
نراك في المستوى 20.. استعد عشان اللي جاي أقوى!
