دورة تصميم قوالب بلوجر 2021 الدرس 4 لمحة عن CSS قسم 2

دورة تصميم قالب بلوجر

 السلام عليكم واللهم صل على محمد وال محمد

نكمل اليوم برابع دروس دورة تصميم قالب بلوجر 2021 من الصفر الى الاحتراف فبعد ان تكلمنا في الدروس السابقة عن 
نكمل اليوم مع لغة Css في القسم الثاني ونبدء بسم الله

لمحة عن لغة css القسم الثاني

*يمكن التفرع بلغة الـ Css لتعطي مثلا ستايل لتاغ بداخل تاغ او مثلا جميع التاغات الموجودة داخل تاغ معين كمثال على ذالك

<div class="test" id="test1">
<ul>
     <li><a href="#"> رابط </a></li>
     <li><a href="#"> رابط </a></li>
     <li><a href="#"> رابط </a></li>
</ul>
</div>
الان لنعطي ستايل لكود الـ Html السابق بالشكل التالي
*هذا الستايل للقسم كامل اي للـ div كامل
#test1{
color:red;
border:1px solid blue;
background:black;
}
*الان سنعطي ستايل للـ ul التي بداخل الـ div  نضع الـ id ثم فراغ ثم اسم التاغ كما بالشكل التالي 
#test1 ul{
color:red;
border:1px solid blue;
background:black;
}
*لو اريد وضع ستايل للـ li بدل وضع لكل li كلاس معين او ايدي معين اقوم باستخام الـ id للـ div الرئيسي ومن ثم فراغ ثم ul ثم li كما بالشكل التالي
#test1 ul li{
color:red;
border:1px solid blue;
background:black;
}
هكذا جميع تاغات ال li الموجودة داخل الـ ul الموجود داخل الـ div الذي يحمل الـ id المسمى هنا بالمثال السابق test1 سوف تاخذ الستايل السابق نفسه
*لو اريد ان اعطي ستايل للتاغ a الموجود داخل التاغ li الموجود داخل التاغ ul الموجود داخل التاغ div سوف اقوم ايضا كما في اكواد ال Css السابق اكتب الـ id للتاغ div ثم فراغ ثم التاغ ul ثم li ثم التاغ a كما في الشكل التالي
#test1 ul li a{
color:red;
border:1px solid blue;
background:black;
}
الان جميع تاغات الـ a الموجودة داخل الـ div سوف تاخذ الستايل السابق

لشرح اوضح تابع الفيديو


والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
  • بريد
author-img
Ahmad Wael

عدد المقالات:

شاهد ايضا × +
إظهار التعليقات
  • تعليق عادي
  • تعليق متطور
  • عن طريق المحرر بالاسفل يمكنك اضافة تعليق متطور كتعليق بصورة او فيديو يوتيوب او كود او اقتباس فقط قم بادخال الكود او النص للاقتباس او رابط صورة او فيديو يوتيوب ثم اضغط على الزر بالاسفل للتحويل قم بنسخ النتيجة واستخدمها للتعليق

X
ستحذف المقالات المحفوظة في المفضلة ، إذا تم تنظيف ذاكرة التخزين المؤقت للمتصفح أو إذا دخلت من متصفح آخر أو في وضع التصفح المتخفي