CSS Quiz

1. ما وظيفة الخاصية background-color في CSS؟

تغيير لون النص تغيير لون خلفية العنصر تغيير حجم النص إضافة صورة للعنصر

2. ما وظيفة الخاصية color في CSS؟

تغيير لون النص تغيير لون الخلفية تغيير عرض العنصر إضافة حدود للعنصر

3. أي كود يجعل خلفية الفقرة باللون الأصفر؟

p { color: yellow; } p { background-color: yellow; } p { text-color: yellow; } p { bg-color: yellow; }

4. أي كود يغير لون نص العنوان h1 إلى الأحمر؟

h1 { color: red; } h1 { background-color: red; } h1 { text-color: red; } h1 { font-color: red; }

5. ماذا يحدث عند كتابة p { color: blue; }؟

تصبح خلفية الفقرة زرقاء يصبح نص الفقرة أزرق يصبح حجم الفقرة أكبر تختفي الفقرة

6. ماذا يحدث عند كتابة h2 { background-color: green; }؟

تصبح خلفية العنوان خضراء يصبح نص العنوان أخضر يصبح العنوان عريضًا فقط يتحول العنوان إلى فقرة

7. هل يمكن استخدام color و background-color معًا؟

نعم لا فقط مع العناوين فقط مع الصور

8. ما النتيجة التالية؟ p { color: white; background-color: black; }

النص أسود والخلفية بيضاء النص أبيض والخلفية سوداء النص والخلفية باللون الأبيض لا يحدث أي تغيير

9. أي عنصر HTML يمكن استهدافه لتغيير لون الفقرات؟

p img bodyy br

10. أي عنصر يمكن استخدامه لتغيير لون جميع عناوين المستوى الأول؟

p h1 div span

11. ما النتيجة؟ h1 { color: purple; }

خلفية العنوان تصبح بنفسجية نص العنوان يصبح بنفسجيًا حجم العنوان يصبح أصغر العنوان يختفي

12. أي خاصية تُستخدم لتغيير خلفية الصفحة؟

color background-color page-color font-color

13. ماذا يحدث إذا كتبنا body { background-color: lightblue; }؟

تصبح خلفية الصفحة باللون الأزرق الفاتح يصبح نص الصفحة أزرق فاتح تختفي الصفحة تتغير صورة الخلفية فقط

14. أي كود يجعل نص الفقرة أبيض وخلفيتها سوداء؟

p { background-color: white; color: black; } p { color: white; background-color: black; } p { text: white; background: black; } p { font-color: white; bg: black; }

15. ما الفرق الأساسي بين color و background-color؟

color للنص وbackground-color للخلفية كلاهما لتغيير حجم النص كلاهما لتغيير الخلفية color للصور فقط

16. ما النتيجة؟ h1 { background-color: orange; color: white; }

نص برتقالي وخلفية بيضاء نص أبيض وخلفية برتقالية النص والخلفية برتقاليان لا يحدث تغيير

17. هل يمكن تطبيق background-color على عنصر div؟

نعم لا فقط باستخدام HTML فقط على الصور

18. أي كود يغير لون كل الفقرات إلى الأخضر؟

p { background-color: green; } p { color: green; } paragraph { color: green; } text { green: color; }

19. أي كود يجعل خلفية جميع العناوين h2 زرقاء؟

h2 { color: blue; } h2 { background-color: blue; } h2 { text-color: blue; } h2 { bg: blue; }

20. ماذا يحدث عند كتابة p { background-color: pink; }؟

يصبح نص الفقرة ورديًا تصبح خلفية الفقرة وردية يصبح الخط عريضًا يتغير حجم الفقرة

21. ما الذي سيتم تلوينه هنا؟ h3 { color: red; }

نص عناصر h3 خلفية عناصر h3 الصفحة كاملة الصور فقط

22. ما الخاصية الصحيحة لتغيير خلفية عنصر إلى اللون الأسود؟

color: black; background-color: black; text-color: black; back-color: black;

23. ماذا يحدث؟ h1 { color: red; background-color: yellow; }

يصبح النص أحمر والخلفية صفراء يصبح النص أصفر والخلفية حمراء كلاهما أحمر كلاهما أصفر

24. أي كود يطبق لونًا أزرق على نص العناوين والخلفية البيضاء؟

h1 { background-color: blue; color: white; } h1 { color: blue; background-color: white; } h1 { text: blue; background: white; } h1 { font: blue; bg: white; }

25. إذا أردت تغيير لون نص جميع عناصر p، أي محدد تستخدم؟

body p h1 img

26. إذا كان لدينا الكود التالي: p { color: red; }، فأي جزء سيتغير؟

لون النص داخل الفقرة لون خلفية الفقرة حجم الفقرة عرض الفقرة

27. أي كود يجعل خلفية الفقرة رمادية والنص أبيض؟

p { color: gray; background-color: white; } p { background-color: gray; color: white; } p { text: white; bg: gray; } p { font-color: gray; background: white; }

28. ما فائدة كتابة h1 { background-color: black; }؟

جعل نص العنوان أسود جعل خلفية العنوان سوداء جعل العنوان عريضًا حذف العنوان

29. ما النتيجة المتوقعة من الكود التالي؟

p {
  color: blue;
  background-color: lightgray;
}
  

نص رمادي وخلفية زرقاء نص أزرق وخلفية رمادية فاتحة نص أزرق فقط بدون خلفية لا يحدث أي تغيير

30. أي عبارة صحيحة حول color و background-color؟

color تغير الخلفية فقط color تغير لون النص وbackground-color تغير لون الخلفية كلاهما يغير لون النص فقط كلاهما يغير حجم العنصر