مشكلة تفعيل أكواد css

اولا تكتب div ثم علامة البراكتس {} تضع بداخلهم الخواص و تفصل بين كل خاصيه و الاخري ب ; سيمي كولم مثلا انت عايز علي ال div يبقي 

div {

backgroud-color:#000; الخلفية 

width: 400px; العرض

height:400px;الطول و غيره 

color:#FFF; لون الكلام جوه الديف 

}

يكون التنسيق الخاص ب div مكتوب على الشكل التالي :

<div style="background-color:red ; height:100px ; width: 100px"> </div>

هذه صورة صفحة الcss والتي تُظهر أن الكود الأول فقط يتم تفعيله, ممكن حل المشكلة؟ 

بتاريخ 2 ساعات قال Areej Adel:

هذه صورة صفحة الcss والتي تُظهر أن الكود الأول فقط يتم تفعيله, ممكن حل المشكلة؟ 

 

ضعي بين كل خاصية والأخرى فاصلة منقوطة (;)

حسنا اخي السبب يعود إلى خطأ في شكل الكود فانت نسيت الكثير من الأشياء في شكل الكود راجع هذا الدرس الذي يتحدث عن شكل الكود

https://www.w3schools.com/css/css_syntax.asp

• * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  
  }

  لماذا لا يعمل هذا الكود بتلك الطريقة

بتاريخ 5 ساعة قال Mo Gaming2:

• * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  
  }

  لماذا لا يعمل هذا الكود بتلك الطريقة

ما المشكلة بالكود، فالكود المشار إليه لا يوجد به مشكلة، وأيضًا لا تحتاج إلى استخدام prefixes بالنسبة لخاصية Box-sizing فهي مدعومة بنسبة 98.5% من قبل جميع إصدارات المتصفحات، لذا نستخدم التالي فقط:

* {
    box-sizing: border-box;

}

وهل قمت بربط ملف التنسيقات بملف HTML؟