جار التحديث ...
جار التحديث ...

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

  • 0

عندي مشكلة تفعيل أكثر من كود على الcss, مثلاً لنقل إني أنشأت div على صفحة الhtml وأريد أن أضع background لهذا الديف بحجم وطول معين, أكتبهم هكذا على الcss: 

div

{

background:red مثلاً يظهر

height:100px لا يظهر

width:100px لا يظهر

}

لا يتفعل معي الا كود الbackground ومهما أضفت مثل الdescription أو أي وسم آخر لا يتفعل إلا وسم واحد, ممكن سبب المشكلة وطريقة حلها؟ وممكن الاجابة انه لماذا لا يتفعل إلا كود واحد ما هو السبب؟ لو كان هناك خلل لما تفعل ولا كود

شكرا

إجابات المستخدمين (3)


  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 9

يجب ان تضيف فاصلة منقوطة بعد كل خاصية !؟ لماذا سأخبرك لزيادة المعرفة فقط لانه عندما يتم قراءة الكود المتصفح يستمر في قراءة الخاصية الى ان يجد فاصلة منقوطة وهي كخط النهاية بالنسبة له اما اذا لم تكتبها فسيقرء كل الذي كتبته على انه خاصية واحدة وسيفشل في تنفيذها اي ان الكود يجب ان يكون هكذا :)

.class
{
background-color : red;
padding : 10px;
text-align : center;
}

  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 9

عدل الكود اضف ; 

div {
    background:red;
    height:100px;
    width:100px;
}

  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • عضو أكاديمي
  • قديم العهد
  • قبل أشهر 9

 

السلام عليكم ورحمه الله

اولا طريقة كتابة الكود خاطئة

تنظيم العمل الخاص بك اتبع هده الخطوات:

1-انشأ ملف و داخله مجلد فيه اسم css وفي هذا الاخير انشأ ملف css تحت اسم style.css

2-عد الى المجلد وانشأ مجلد تحت اسم javascript وداخله انشأ ملف script.js

3-عد الى المجلد وانشأ مجلد للصور و مجلد للخطوط

4-وفي الاخير أنشأ ملف index.html

هدا هو الكود الدي ستعمل به css

<!DOCTYPE html>
<html>
    <head>
        <title>mon premeir</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/style.css"> 
    </head>
    <body>
               <div></div>
    </body>  
</html>
Markup

لاحظ هدا الكود <link rel="stylesheet" href="css/style.css">  هدا مختص في استيراد css من اي مكان وهنا هي موجودة في css==>style.css

div{
    background-color:red;
height:100;
width:100px;
}
CSS

جرب هده الطريقة وان لم تعمل اكتب كود css داخل كود html متل هدا الكود في الاسفل

<!DOCTYPE html>
<html>
    <head>
        <title>mon premeir</title>
        <meta charset="utf-8">
        <style>
div{
backround-color:red;
height:100px;
width:100px;
}
</style>
    </head>
    <body>
               <div></div>
    </body>  
</html>
Markup

وهده اخر طريقة وهي كتابة  css داخل الوسم نفسه

<!DOCTYPE html>
<html>
    <head>
        <title>mon premeir</title>
        <meta charset="utf-8">
    </head>
    <body>
               <div style="backround-color:red;height:100px;width:100px;"></div>
    </body>  
</html>
Markup

والخطأ الموجود في كود  css الخاص بك هو انك لا تستدعي اي شيء من خلالة لدا يجب عليك كتابة الشيء المراد تغييره قبل المعقوفة لدلك دقق جيدا كيف كتبت الكود

والخطأ التاني هو انك لا تضع              ;          فا أاخر كل كود



  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة