دورة تصميم قوالب بلوجر 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 سوف تاخذ الستايل السابق
لشرح اوضح تابع الفيديو
والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
Ahmad Wael
عدد المقالات:
شاهد ايضا
×
−
+
مواضيع ذات صلة
محتويات المقال
إخفاء
تعليقات: (0) إضافة تعليق