background-color
for body and h1

🛑🛑 لاحقاً
الـ CSS Selectors
وانواعه
- The CSS element Selector
- The CSS id Selector
- The CSS class Selector
- The CSS Universal Selector
- The CSS Grouping Selector

ما نكتبه حاليا هو The CSS element Selector
ex:
h1 {...}

من بين الألوان هناك ايضا خيار وهو الشفافية (كيف اصنع خلفية عنصر شفافة
وبالطبع هناك 3 خصائص لعمل شفافية كل واحدة بحسب استخدامها وهي:
- transparent
- opacity
- RGBA

سيأتي توضيح اكثر لها عند شرحها في حينه

ما سبق كان بالنسبة للخلفية من نوع لون
ننتقل الى الخلفية من نوع صورة background-image

بطبيعة الحال عندما تضيف صورة خلفية للصفحة (في الـ body) فإنها تكرر نفسها حتى تغطي كل المساحة

على سبيل المثال اردنا عمل هذه الصورة خلفية

vفستكون النتيجة هي:

✨هاام
عند اختيارك لصورة ما لتكون خلفية الصفحة احرص على ان تكون مناسبة بحيث لا يضيع النص فيها ولا تحدث تشويش عن رؤية بقية العناصر على الصفحة

للتحكم في تكرار الصورة ستستخدم الخاصية
CSS Background Image Repeat

background-repeat
افتراضيا وعندما لا تغير قيمتها فإن الصورة ستيم تكرارها رأسيا y وافقيا x
وتحمل القيم التالية:
- repeat-x
- repeat-y
- no-repeat
الأولى في حال اردت تكرار الصورة أفقيا
الثانية رأسيا
الثالثة في حال عدم الرغبة في التكرار

بقي لدي مشكلتين:
- اريد ان اتحكم بموقع الصورة أو
- اريد ان تغطي الصورة كامل الصفحة

للتحكم في موقع الصورة لديك الخاصية
background-position
وتحمل القيم
top - right - bottom - left