logo

أهلا وسهلا بك زائرنا الكريم في أرشيف انكور، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .





18-06-2020 11:54 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 2235
الدولة : فلسطين
الجنس :
تاريخ الميلاد : 11-9-1998
الدعوات : 18
قوة السمعة : 440
موقعي : زيارة موقعي

بسم الله الرحمن الرحيم

قبل اكمال الدروس في الدورة سأقوم بشرح بعض المصطلحات في مواضيع منفصلة لاننا بحاجه لها حتى نستطيع نفهم الدروس و التي سأقوم
من خلالها بوضع روابط ترجعكم الى هذه الشروحات حتى تستطيعو فهم الاكواد أكثر فأكثر
وقمت بفصلها عن الدروس لجعلها قصيرة وسهلة غير منفرة وليأخذ كل شرح حقه
ieo10
دمج الوسوم : الدمج هو شيء يفسر العلاقة بين الوسوم. يمكن أن يحتوي كود CSS على أكثر من وسم بسيط. بين الوسوم البسيطة ، يمكننا تضمين جهاز دمج.





بمعنى آخر يمكننا دمج الوسوم مع بعضها البعض عند الحاجه لذلك ويتم تقسيمها الى اكثر من نوع
-الوسم السليل (مسافة)
- الوسم الطفل (>)
- وسم الأخوة المجاور (+)
- وسم الأخوة العام (~)
ieo10
اولا : الوسم السليل
يطابق وسم السلالة جميع العناصر التي تكون من سلالة عنصر محدد.
يحدد المثال التالي جميع عناصر [p] داخل عناصر :
CODE
div p {<br />
&nbsp; background-color: yellow;<br />
}<br />
<br />

ieo10
ثانيا : الوسم الطفل
يقوم الوسم الطفل بتحديد كل العناصر الفرعية لعنصر محدد.
يحدد المثال التالي جميع [p] [p] العناصر التابعة لعنصر :
CODE
div > p {
  background-color: yellow;
}


ieo10
ثالثا : وسم الاخوة المجاور
يقوم وسم الأخوة المجاور بتحديد جميع العناصر التي تمثل الأشقاء المجاورة لعنصر محدد.
يجب أن يكون لعناصر الأخوة نفس العنصر الأصل ، وتعني كلمة "متجاورة" "الذي يكون خلفه مباشرة".
يحدد المثال التالي جميع عناصر [p] التي يتم وضعها بعد عناصر مباشرة:
CODE
div + p {<br />
&nbsp; background-color: yellow;<br />
}<br />
<br />

ieo10
رابعا : وسم الاخوة العام
يختار وسم الأخوة العام جميع العناصر التي تمثل أشقاء عنصر محدد.
يحدد المثال التالي جميع عناصر [p] التي هي أشقاء لعناصر :
CODE
​div ~ p {<br />
&nbsp; background-color: yellow;<br />
}<br />
<br />

ieo10
في هذه الصورة صنعت جدول لاختصار الشرح وتسهيل فهمه أكثر
( W اختصار لوسم بالعربية)
4410
ieo10
وهيك بكون انتهى الشرح
اي استفسار لا تتردد في وضعه بالردود
جميع الحقوق محفوظة لـلمشاهدة الروابط يلزمك التسجيل
يمنع النقل دون ذكر المصدر
والسلام ختام
توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل



look/images/icons/i1.gif دمج الوسوم او الكلاسات
  29-08-2020 12:39 مساءً   [1]
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 161
الجنس :
تاريخ الميلاد : 27-10-1998
الدعوات : 1
قوة السمعة : 20
سلمت يداك

اضافة رد جديد اضافة موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
الوسوم الخاصة باحلى منتدى للتعديل عليها Admin
1 536 Admin

الكلمات الدلالية
دمج ، الوسوم ، الكلاسات ،









الساعة الآن 08:30 PM