|
استخدام الفئات (Classes)
لنحاول الوصول إلى أبعد قليلاً مما توصلنا إليه في الدرس السابق :
ماذا لو كنت تريد استخدام أكثر من تنسيق للصفحة الواحدة ، بمعنى أن تنسق الفقرة الأولى في مستندك باستخدام اللون الأحمر و الفقرة الثانية باللون الأخضر و الثالثة باللون الأصفر ! هل تعطيك تقنية السي اس اس هذه المرونة ؟
بالطبع نعم !
كل ما علينا هو أن نتعرف على خاصية الفئات (Classes) ، من خلال المثال التالي :
تستطيع شرح الطريقة بنفسك ! قمنا بكتابة اسم الوسم المطلوب ، ثم نقطة ، ثم الاسم الذي نختاره للفئة الجديدة و نكمل كما تعودنا .
و المثال التالي يعرفنا بالطريقة التي نستخدمها مع أكواد هتمل لتحديد فئة معينة دون أخرى :
ستكون النتيجة في المتصفح هكذا :
ملاحظة للتذكير :
إذا أردت أن تتعلم CSS حقاً فلا تتكاسل في تجربة هذه الأمثلة بنفسك ! صدقني ستكتشف أشياء جديدة كلما جربت .
|
|
تلميحة ذكية |
|
لتضيف فئة يمكن استخدامها مع جميع الوسوم في صفحتك استخدم الطريقة التالية :
.red{ color: “red” }
احذف اسم الوسم و اكتفي بوضع نقطة مع اسم الفئة ! | |
المزيد من المواضيع
المزيد من الأمثلة
التوارث
المعرّف (ID)
أشباه الفئات (Pseudo-class)
الصيغة العامة للنمط
مقدمة عامة لصفحات الأنماط الانسيابية
|
