الدرس 3 من 8

تنسيق بطاقة

هدف الدرس

الألوان والحشو والحواف

01

الشرح

الـ HTML يقول ما هو العنصر، والـ CSS يقول كيف يظهر. القاعدة تبدأ بمُحدِّد يختار العناصر، ثم خصائص بين قوسين.

.card { background: #fff; } — النقطة تعني «العنصر صاحب الصنف card».

الحشو padding مسافة داخل العنصر، والهامش margin مسافة خارجه. الخلط بينهما أكثر خطأ شائع في البداية.

02

المطلوب

نسّق البطاقة: خلفية ملوّنة، حشو داخلي لا يقل عن 16 بكسل، حواف دائرية، ولون مميّز للعنوان.

معايير التصحيح

4 معايير
  1. للبطاقة خلفية ملوّنة
  2. حشو داخلي 16px أو أكثر
  3. الحواف دائرية
  4. لون العنوان داخل البطاقة غير الأسود
index.html
المعاينة
index.html100%
–/4

اضغط «تشغيل» ليبدأ الفحص.

4 معايير في بطاقة «المطلوب».