تعلم لغة الانماط الانسيابية CSS (الصيغة العامة للنمط)

الدرس السابق

آما قلنا ، فإن الأنماط تحدد التنسيق لأوسمة الهتمل المختلفة التي تعرفت عليها في دروس الهتمل .
تستطيع تحديد تنسيق معين لوسم الفقرة أو تنسيق معين للجداول و هكذا . إذاً لابد أن نتوقع بأن الصيغة
العامة لأوسمة السي اس اس ستتضمن وسم هتمل الذي سيطبق عليه النمط و آذلك التنسيق ، آما
توضح هذه الصيغة تماماً :
{"القيمة" : المتغير } : وسم هتمل
آما نلاحظ فإن الصيغة تقتضي آتابة وسم هتمل الذي سيطبق عليه النمط ثم نقطتان رأسيتان ثم قوسين
معقوفين نكتب بداخلها المتغير و القيمة مفصولين بنقطتين رأسيتين أخريتين .
لنأخذ بعض الأمثلة الحقيقية لتتضح الصورة :

هل تريد تجربة هذه الوسوم بنفسك ؟ انتظر قليلاً حتى ننتهي من شرح الصيغة العامة
للأنماط و سنتعرف على طريقة إدراج الأنماط في الجزء التالي إن شاء الله .
إنه يحتوي على متغيرين بدلاً من ؟ (a) دعنا نرآز قليلاً على الأمثلة السابقة . هل لاحظت الوسم الأول
متغير واحد . قمنا بفصل المتغيرات المختلفة باستخدام الفاصلة المنقوطة (؛). يمكنك أن تجعل أنماطك
أآثر وضوحاً بكتابة آل متغير في سطر منفصل! هكذا :

أفضل آثيراً أن تستخدم عادات جيدة أثناء آتابة الأنماط أو غيرها من الشفرات لأن ذلك هو طريقك لكتابة
برامج يمكن أن نطلق عليها مصطلح "برامج نظيفة" ! أو آما نقول باللهجة المحلية "تفتح النفس" !
تعرفنا في المثال السابق على آيفية تخصيص أآثر من متغير لوسم هتمل واحد . ماذا لو أردنا تخصيص
متغير واحد بقيمة واحدة مكررة مع أآثر من وسم هتمل ؟
أو وسوم الرابط التشعبي (h1-h أآثر الأمثلة التي توضح ذلك هي التي تحدد تنسيق وسوم رأس الفقرة ( 6
 

لنأخذ مثالاً يوضح ذلك : . (a)

h1,h2,h3,h4,h5,h6 { color: #008000; }

هل راقبت ذلك ؟ الأمر في غاية السهولة . آل ما عليك هو أن تضيف الفاصلة (،) بين الأوسمة المختلفة
ثم تستخدم الصيغة العامة التي أصبحت تعرفها الآن .

الدرس التالى