بسم الله الرحمن الرحيم اهلا بكم احبائي في الدرس الثاني من دورة تعليم لغة Css موضوع درس اليوم عن نظم الكتابة في Css اتمنا ان الدرس ينال اعجابكم
نظم الكاتبة في سي اس اس ؟
كود السي إس إس هو مجموعة من التعريفات لكل عنصر، وبالتالي يمكن ان يكون لدينا 100 تعريف ل 100 عنصر وهكذا
كل تعريف يكون بادئ باسم أو تعريف العنصر (كـ id أو class العنصر)
فمثلا لنأخذ العنصر div
الذي يكتب بـ إتش تي إم إل كـ
<div id="amr-web">اهلا وسهلا بك في مدونة عمرو ويب</div>
سنقوم بإعطاء هذا العنصر لونا أزرق، كما نرى بالأعلى ان عنصر ديف تم تعيين المعرف (id) بar_wiki وبالتالي يتم كتابته كـ #ar_wiki بصفحة الأنماط
لان كل عنصر يتم تعريف يكون قبله (#) واي عنصر يتم تعريف بclass يكون قبله نقطة (.) عند كتابته بصفحة الأنماط.
وبالتالي يكون الشكل التالي هو التعريف لإعطاء العنصر اللون الأزرق:
#amr-web { color:blue; }
والتالي هو شرح الكود:
#amr-web: تعريف العنصر المراد تطبيق التنسيق عليه، وهو ماتم تعريف بصفحة ال إتش تي إم إل لعنصر div.
{...} كل تنسيق يتم احاطته بهذه الأقواس المعكوفه لتوضيح تنسيق كل عنصر على حده.
color: هي صفة التنسيق المراد تطبيقه على العنصر، وهنا تم وضع color اي اللون.
(:): توضع النقطتين الرئسيتين لتوضح ان ما بعدها هو قيمة الصفة، وبالتالي هي فاصل بين الصفة وقيمتها.
blue: قيمة للصفة وهنا تم وضع القيمة blue اي الأزرق للصفه color اللون.
(;): يتم وضع النقطة المنقوطة بعد القيمة لأخبار المعالج ان القيمة انتهت وما سيأتي بعدها هو صفة أخرى وهكذا.
والان انتهي درسنا اتمنا ان تكون استفدو فعلا عبر هذا الدرس المتواضع .انتظرونا في الدرس الثالث
وسلام عليكم ورحمته الله وبركاته
