test

1. ما وظيفة الخاصية `font-size` في CSS؟

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

2. أي كود يجعل حجم نص الفقرة `20px`؟

p { color: 20px; } p { font-size: 20px; } p { text-size: 20px; } p { size: 20px; }

3. ماذا تعني الوحدة `px`؟

Pixels Percent Position Picture

4. ماذا يحدث عندما نزيد قيمة `font-size`؟

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

5. ماذا يحدث عندما نقلل قيمة `font-size`؟

يصبح النص أكبر يصبح النص أصغر تصبح الخلفية أصغر يتغير لون النص

6. أي كود يجعل عنوان `h1` بحجم `40px`؟

h1 { size: 40px; } h1 { font-size: 40px; } h1 { text-size: 40px; } h1 { font: 40; }

7. أي كود صحيح لاستخدام `font-size` مع `px`؟

p { font-size: 20px; } p { font-size: 20; } p { font-size: px20; } p { font-size = 20px; }

8. ماذا يحدث عند كتابة `p { font-size: 16px; }`؟

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

9. أي كود يجعل حجم نص الفقرة `30px`؟

p { color: 30px; } p { font: 30px; } p { font-size: 30px; } p { text: 30px; }

10. هل يمكن استخدام `font-size` مع العناوين والفقرات والأزرار؟

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

11. ما النتيجة؟ `h1 { font-size: 50px; }`

يصبح لون العنوان أسود يصبح حجم العنوان 50px تصبح خلفية العنوان 50px يختفي العنوان

12. أي كود يجعل الفقرة أكبر من العنوان؟

h1 { font-size: 40px; } p { font-size: 20px; } h1 { font-size: 20px; } p { font-size: 40px; } h1 { color: 20px; } p { color: 40px; } h1 { size: 20px; } p { size: 40px; }

13. ما النتيجة؟ `button { font-size: 18px; }`

يتغير لون الزر يصبح حجم نص الزر 18px يصبح عرض الزر 18px يختفي الزر

14. أي قيمة تجعل النص أكبر؟

12px 16px 20px 40px

15. ما الفرق الأساسي بين `font-size: 16px` و `font-size: 32px`؟

الأول يغير اللون والثاني يغير الخلفية الثاني يجعل النص أكبر من الأول لا يوجد أي فرق الأول يجعل النص عريضًا والثاني مائلًا

الدرس الأول - المستوى الثاني - تحديد حجم الخطوط

1. ما وظيفة الخاصية font-size في CSS؟

2. أي كود يجعل حجم نص الفقرة 20px؟

3. ماذا تعني الوحدة px؟

4. ماذا يحدث عندما نزيد قيمة font-size؟

5. ماذا يحدث عندما نقلل قيمة font-size؟

6. أي كود يجعل عنوان h1 بحجم 40px؟

7. أي كود صحيح لاستخدام font-size مع px؟

8. ماذا يحدث عند كتابة p { font-size: 16px; }؟

9. أي كود يجعل حجم نص الفقرة 30px؟

10. هل يمكن استخدام font-size مع العناوين والفقرات والأزرار؟

11. ما النتيجة؟ h1 { font-size: 50px; }