لتغيير لون خلفية موقع ما نستعمل background-color و نعدل عليها بنفس الطريقة التي عدلنا بها على color في الدرس السابق من هذه الدورة. لتغيير خلفية الموقع ككل يجب التعديل على body و كما سترى سأغير له لون الخلفية و الخط هكذا:
body
{
background-color: black;
color: white;
}
{
background-color: black;
color: white;
}
وهذه النتيجة:
.png "background css")
نلاحظ الخلفية بالأسود وجميع الكتابات بيضاء. هذا طبيعي لأننا أعطينا اللون الأبيض ل body هو يشمل جميع الوسوم، إذن الوسوم التي ليس لها css خاص بها ستأخد css الخاص ب body. وهذا ما يسمى بميراث css .
CSS والميراث :
لو أعطيت قيمة css لوسم معين، فجميع الوسوم التي داخله تأخد تلك القيمة. لأنهم يعتبروا أبناءه ولهدا في المثال السابق ظهرت لنا
و
باللون الأبيض. ولهذا سمية ب css وهي إختصار Cascading Style Sheets وتعني أوراق الأنماط المتتالية. لكن متلا في المثال السابق لو وضعنا العنوان بالأزرق فلن يؤثر عليه body و سيظهر بالأزرق. و هذا متال عن ماذا أتكلم:
body
{
background-color: black;
color: white;
}
p
{
color: red;
}
{
background-color: black;
color: white;
}
p
{
color: red;
}
و هكذا العنوان سيبقى أبيض أما النص سيصبح باللون الأحمر. نلتقي في الدرس القادم والسلام عليكم.
ليست هناك تعليقات:
إرسال تعليق