بسم الله الرحمن الرحيم والصلاة علي رسول الله اهلا بكم احبائي في الدرس الثالث من دورة دورة تعليم لغة Css في هذا الدرس سنتعلم كيفية تفعيل الألوان والخلفيات لموقعك او لصفحة ويب
اولا : خاصية color ؟
خاصية color هي تتحكم في لون العناوين او لون الكلام في الصفحة فامثلا لو لدينا هذا الكود
<h1> مدونة عمرو ويب</h1>
فالكي نقوم بتليون هذه الجملة نقوم بذهاب الي منطقة styly الخاصة بصفحة
ونقوم بعمل الكود التالي كما شرحنا في الدرس السابق
h1 {
color: #333;
}
سوف قم بعمل حفظ وسوف تراه ان تم تغير لون كلمة "مدونة عمرو ويب " الي لون الرمادي وايضا في اي كود يمكنك استخدام هذه الخاصية
ملاحظة : يمكنك وضع اسم لون بدل كوده "#333" بامعني ان مثلا تريد لون الكلمة بالون الازرق فا تقوم بكتابة blue وهكذا في بعض الالوان تقوم بوضع اسمها بدل كودها
ثانيا : خاصية background-color ؟
خاصية background-color هي تقوم بعمل تحديد كامل او وضع خلفية لعنصر معين في الصفحة .فامثلا لو اردنا وضع خلفية لموقعنا
اول شيئ نقوم بذهاب الي منقطة style ثم تقوم بوضع
body{
background-color: #FFCC66;
}
body = جسم الموقع فهكذا نحن قم بعمل خلفية للموضع وايضا يمكنك وضع اسم لون بدل كودها كما ذكرنا سابقاُ
كيف وضع صورة للخلفية بدل لون ثابت ؟
لتشغيل هذه الخاصية تقوم بوضع مثل الكود السابق لاكن مع وضع تعديل بسيط وهو
body{
background-color: #FFCC66;
background-image: url("هنا قم بوضع رابط صورة مع مراعاة عدم حذف نقطتين");
}
والان انتهي درسنا انتظرونا باذن الله في الدرس القادم الدرس الرابع واذا كانت او مرة لك تشاهدة اضغط هنا تشاهدها كاملة
وسلام عليكم ورحمته الله وبركاته
