قالب عالم التقنية السورية الاصدار الثالث

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

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

1. مقدمة هامة ولمحة عن لغة HTML قسم اول
2. لمحة عن لغة HTML قسم ثاني
3. لمحة عن لغة CSS قسم اول

نكمل اليوم مع لغة 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 سوف تاخذ الستايل السابق

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

والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك