أرشيف انكور : [الدرس الاول] شرح تركيب اكواد الـ css

بسم الله الرحمن الرحيم

في درسنا الاول من دورة اكواد css على شركة انكور التطويرية سنتكلم عن تركيبة اكواد الـ css
ما هي اجزاءها وكيف يتم تحديدها وتقسيمها
في البداية تتكون مجموعة قواعد CSS من محدد وكتلة تعريف:
4110

كما نلاحظ بالصورة بالاعلى
فإن الكود يبدأ بالوسم او الكلاس وهو الذي يكون متصل باكواد الـ html بنفس الاسم وذلك لنقل النمط المخصص له في اكواد الـ css الى الـ html
فكما نلاحظ نبدأ باسم الوسم .h1 وبعدها نقوم بفتح الكود بوضع الرمز { ونضع بعدها الخاصية و القيمة الخاصة بها
فكما هو موجود بالمثال بالأعلى خاصية اللون (color) وبعدها نضع نقطتين متتاليتين ( : ) ومن ثم نضع القيمه الخاصة فكما بالمثال (red)
وفي حال وجود خواص أخرى نضيف بعد القيمة فاصلة منقوطة ( ; ) والتي تفيد بالتعداد
ومن ثم نضع نضع الخاصية الاخرى والتي استعملتها بالمثال كانت (text-align) والتي تعني محاذاة النص للتحكم في مكان النص وبعدها وضعت النقطتين الرأسييتين ( : ) ومن ثم
أضفت القيمه الخاصة به (center) وتعني المنتصف ومن ثم أعدت وضع الفاصلة المنقوطة لأنه حدث تكرار ( ; ) وبالنهاية نغلق الكود بنفس الطريقة التي فتحناه فيها
ولكن نعكس اتجاه الرمز }
فيصبح الكود كالتالي



.h1 {

color:red;

text-align:center;

{

وأستطيع اختصار ما شرحته بـ 4 نقاط وهي :
- يشير الوسم إلى عنصر HTML الذي تريد تصميمه.
- تحتوي كتلة التعريف على خاصية واحدة أو أكثر مفصولة بفواصل منقوطة.
- تتضمن كل خاصية اسم الخاصية CSS وقيمة مفصولة بنقطتين.
- يتم فصل إعلانات CSS المتعددة بفواصل منقوطة ، وتحيط كتل الإعلانات بأقواس متعرجة. {}
ieo10