محددات Css - شركة انكور التطويرية

بسم الله الرحمن الرحيم أكمل معكم بدرس جديد من دورة أكواد css واللي قلت رح اخلصها بشهر6 والحمدلله صرنا في نصف 7 ولسا الدرس الثاني ما علينا نكمل في محددات ..

[الدرس,الثاني],محددات,keyword

محددات Css - شركة انكور التطويرية

دليل انكور للمواقع





نحتاج اقتراحك لتحسين المنتدى اضغط هنا

القوانين العامة لشركة انكور التطويرية | وجب على الجميع القراءة والالتزام
يجب عليك تفعيل عضويتك من الايميل عند التسجيل او ارسال طلب للتفعيل من هنا



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


[الدرس الثاني] محددات Css

بسم الله الرحمن الرحيم أكمل معكم بدرس جديد من دورة أكواد css واللي قلت رح اخلصها بشهر6 والحمدلله صرنا في نصف 7 ولسا الد ..


لا يمكنك الرد على هذا الموضوع لا يمكنك إضافة موضوع جديد


Admin
.:: مؤسس انكور ::.
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 1314
الدولة : فلسطين
الجنس : ذكر
تاريخ الميلاد : 11-9-1998
الدعوات : 10
قوة السمعة : 80
موقعي : زيارة موقعي
 offline 
بسم الله الرحمن الرحيم

أكمل معكم بدرس جديد من دورة أكواد css واللي قلت رح اخلصها بشهر6 والحمدلله صرنا في نصف 7 ولسا الدرس الثاني blushing
ما علينا نكمل في محددات css
يتم استخدام محددات CSS "للعثور" (أو تحديد) عناصر HTML التي تريد تصميمها.

ieo10
يمكننا تقسيم محددات CSS إلى خمس فئات:
المحددات البسيطة (حدد العناصر بناءً على الاسم والمعرف والفئة)
محددات الدمج (حدد العناصر بناءً على علاقة محددة بينها)
محددات من فئة زائفة (حدد العناصر بناءً على حالة معينة)
محددات العناصر الزائفة (حدد وأسلوب جزء من عنصر)
محددات السمات (حدد العناصر بناءً على سمة أو قيمة سمة) 
ملاحظة : قمت بشرح عدد من فئات المحددات في مواضيع منفصلة

ieo10
محدد عنصر CSS
مثال
هنا ، سيتم محاذاة جميع عناصر <p> على الصفحة مع لون نص أحمر:
p {
  text-align: center;
  color: red;
}

ieo10
محدد CSS id
يستخدم محدد المعرف سمة المعرف لعنصر HTML لتحديد عنصر معين.
يكون معرف العنصر فريدًا داخل الصفحة ، لذلك يتم استخدام محدد الهوية لتحديد عنصر واحد فريد!
لتحديد عنصر بمعرف معين ، اكتب حرف التجزئة (#) ، متبوعًا بمعرف العنصر.
مثال
سيتم تطبيق قاعدة CSS أدناه على عنصر HTML بالمعرف = "para1":
#para1 {
  text-align: center;
  color: red;
}

ملاحظة: لا يمكن أن يبدأ اسم المعرف برقم!

ieo10
محدد فئة CSS
يقوم محدد الفئة بتحديد عناصر HTML بسمة فئة معينة.
لتحديد عناصر من فئة معينة ، اكتب حرف نقطة (.) ، متبوعًا باسم الفئة.
مثال
في هذا المثال ، ستكون جميع عناصر HTML ذات class = "center" باللون الأحمر ومحاذية للمركز:
.center {
  text-align: center;
  color: red;
}

ieo10
يمكنك أيضًا تحديد أن عناصر HTML محددة فقط يجب أن تتأثر بمحدد معين.
مثال
في هذا المثال ، ستتم محاذاة <p> فقط العناصر ذات class = "center":
p.center {
  text-align: center;
  color: red;
}

ieo10
يمكن أن تشير عناصر HTML أيضًا إلى أكثر من فئة واحدة.
مثال
في هذا المثال ، سيتم تصميم عنصر <p> وفقًا class = "center" وإلى class = "large":
<p class="center large">This paragraph refers to two classes.</p>


ملاحظة: لا يمكن أن يبدأ اسم الفئة برقم!

ieo10
محدد CSS العالمي
يقوم المحدد العام (*) بتحديد جميع عناصر HTML على الصفحة.
مثال
ستؤثر قاعدة CSS أدناه على كل عنصر HTML في الصفحة:
* {
  text-align: center;
  color: blue;
}

ieo10
محدد تجميع CSS
يقوم محدد التجميع بتحديد جميع عناصر HTML بنفس تعريفات الأنماط.
انظر إلى كود CSS التالي (عناصر h1 و h2 و p لها نفس تعريفات الأنماط):
h1 {
  text-align: center;
  color: red;
}

h2 {
  text-align: center;
  color: red;
}

p {
  text-align: center;
  color: red;
}


سيكون من الأفضل تجميع المحددات لتقليل الشفرة.
لتجميع المحددات ، قم بفصل كل محدد بفاصلة.
مثال
في هذا المثال ، قمنا بتجميع المحددات من الرمز أعلاه:
h1, h2, p {
  text-align: center;
  color: red;
}

ieo10
وهيك بنكون انهينا الشرح لهذا الدرس
اي استفسار لا تتردد في عرضه بالردود
جميع الحقوق محفوظة لـلرؤية الروابط والمرفقات عليك الرد على الموضوع
بالتوفيق للجميع
والسلام ختام



:. كاتب الموضوع Admin ، المصدر: [الدرس الثاني] محددات Css .:


Fhg]vs hgehkdD lp]]hj Css

توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل


24-07-2020 08:51 صباحا
مشاهدة مشاركة منفردة [1]
zoolraqey
.:: عضو مشارك ::.
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 68
الجنس : ذكر
تاريخ الميلاد : 27-10-1998
قوة السمعة : 10
 offline 
جزاك الله خيرا درس جميل ومختصر



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[الدرس الاول] شرح تركيب اكواد الـ css Admin
2 286 nano maf
[الدرس الرابع] التعليقات والاسماء Admin
1 123 Admin
[الدرس الثالث] اضافة اكواد الـ css Admin
1 115 Admin
[الدرس الاول] شرح حجز نطاق مجاني وحجز الاستضافة Admin
14 591 ملاك
[الدرس الثاني] شرح وضع اللوجو الخاص بك في لوحة التحكم Admin
3 244 Admin

الكلمات الدلالية
[الدرس ، الثاني] ، محددات ،

« عناصر CSS الزائفة | [الدرس الثالث] اضافة اكواد الـ css »

 














الساعة الآن 12:10 مساء


جميع حقوق تصميم الاستايل محفوظة لابو كريم وتحويل الاستايل لسليمان


RSS 2.0XML Site MapArchiveTeamContactCalendarStatic Forum