الدرس 3 من 8
تنسيق بطاقة
- 10 دقائق
- 4 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
الألوان والحشو والحواف
01
الشرح
الـ HTML يقول ما هو العنصر، والـ CSS يقول كيف يظهر. القاعدة تبدأ بمُحدِّد يختار العناصر، ثم خصائص بين قوسين.
.card { background: #fff; } — النقطة تعني «العنصر صاحب الصنف card».
الحشو padding مسافة داخل العنصر، والهامش margin مسافة خارجه. الخلط بينهما أكثر خطأ شائع في البداية.
02
المطلوب
نسّق البطاقة: خلفية ملوّنة، حشو داخلي لا يقل عن 16 بكسل، حواف دائرية، ولون مميّز للعنوان.
معايير التصحيح
4 معايير- للبطاقة خلفية ملوّنة
- حشو داخلي 16px أو أكثر
- الحواف دائرية
- لون العنوان داخل البطاقة غير الأسود