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