السلام عليكم
اليوم الموضوع الثانى من دورة Css
وهو اساسيات التعامل مع هذة اللغة
سنتدرج فى هذا الموضوع الى ال5 قوانين او قواعد
الذى قد اشرت اليهم فى الموضوع السابق
القاعدة الاولى و هى
فى بداية اى كود يجب وضع نقطة '.'
يمكن عدم وضعها و لكن هذا سنتطرق اليه فى شروحات قادمة
القاعدة الثانية و هى
وضع اسم التصنيف Class مباشرة بعد النقطة
وضع الاسم يكون اختياريا و لكن يفضل فى المشاريع الكبيرة
ان يشير الى وظيفتة و طبعا يكون باللغة الانجليزية
القاعدة الثالثة و هى
اقواس المجموعة '{}'
توضع بعد النقطة و التصنيف
و يوضع المحتوى داخلها
طبعا اى كود خارج اقواس المجموعة لن يعمل
القاعدة الرابعة و هى
الاكواد
طبعا الكواد لها طريقة فى الكتابة لكى تعمل
و تكون بهذا الشكل
الخاصية:القيمة
property:value
ان لم تكتب بهذا الشكل فلن تعمل
القاعدة الخامسة و هى
الفاصلة المنقوطة ';'
توضع بعد قيمة الخاصية لتفيد ان الكود يقف هنا
هذه القاعدة تعمل فى حالة كان الكود متتابعا
ولكن يفضل وضع كل خاصية فى سطر منفصل
لتسهيل العودة اليها لاحقا
يوجد قاعدة سادسة و لكن احيانا نعمل بها و احيانا لا
وهى
تحديد شكل وسم معين داخل تصنيف معين
طبعا هى مفيدة جدا جدا لكى لا يتاثر كل ما فى الصفحة بلون معين او خاصية معينة
وطريقة العمل بها كالتالى
نقطة/ اسم التصنيف/ مسافة /الوسم
اى انها لا تحتاج نقطة و اذا وضعت نقطة لن تعمل
------------------------------------------------------
------------------------------------------------------
لنفترض اننا سنقوم بتخصيص لون الوسم <a> المندرج ضمن التصنيف nav
الى اللون الاحمر
فى النهاية يكون الكود بهذا الشكل
الى اللون الاحمر
فى النهاية يكون الكود بهذا الشكل
.nav a {
color:red;
}
الكاتب :
Saber Hosney
نحن مجموعة من المدونين العرب هدفنا هو ايضاح و توصيل المعلومة لكل مواطن عربى
لكى نرتقى بالعرب الى المستوى العالمى الذى اهملناه مدة طويلة
بكم بدئنا و بكم سنكمل