ماهي طريقة الكتابة في CSS؟

1. يجب كتابة اسم العنصر الذي تريد تنسيقه في بداية القاعدة وبعدها تأتي الخصائص التي تريد تطبيقها على هذا العنصر.


2. يجب أن يكون لكل خاصية اسمها وقيمتها. وبين الاسم والقيمة يوجد علامة انتهاء (:) وبين القيم الفردية يوجد علامة فاصلة منقوطة (;).


3. الخصائص يمكن تطبيقها على مجموعة من العناصر، بدلًا من تطبيقها على عنصر واحد. لذلك، يتم وضع المحددات الخاصة بالمجموعات داخل الأقواس المنفصلة بفواصل ({}).


4. يمكن تحديد القيم بناءً على الوحدة. يوجد العديد من الوحدات المختلفة المتاحة في CSS، مثل البكسل (px) والنسبة المئوية (%) والأونصة (em) والنقطة (pt) وغيرها.


5. يمكن كتابة تعليقات في كود CSS باستخدام علامات التعليق (/* */)، والتي تتيح لك إضافة ملاحظات وشروحات إلى الكود بدون أن تؤثر على تنفيذ البرنامج.


6. يمكن استخدام المتغيرات (variables) في CSS لتعيين قيم متكررة مرة واحدة واستخدامهافي الخصائص الأخرى، وذلك بإعطاء المتغير اسمًا وقيمة، ومن ثم يتم استخدام هذا المتغير في مكان القيم المتكررة بدلاً من كتابة القيمة نفسها.


7. يمكن استخدام الـ selectors لتحديد العناصر التي تريد تطبيق الخصائص عليها، ويمكن استخدام مختلف أنواع المحددات selectors مثل الـ "class" والـ "id" والعناصر (elements) والشرائط (combinators) والتراكيب pseudoclasses و pseudo elements لتحديد العناصر المراد تنسيقها.


8. يمكن تعيين الخصائص للعناصر بشكل مؤقت أو دائم باستخدام القواعد inline و internal و external. في الـ inline، يتم تطبيق الخصائص مباشرة على العنصر باستخدام الخاصية style في العنصر HTML، بينما في الـ internal يتم تطبيق الخصائص داخل نطاق الـ head في ملف HTML، وفي الـ external يتم تطبيق الخصائص من ملف خارجي ومنفصل عن ملف HTML.


9. يمكن إرث الخصائص في CSS باستخدام inheritance وهو عبارة عن وراثة الخصائص من العناصر الأعلى في التسلسل الهرمي.


10. يتم تطبيق خصائص CSS بناءً على الأولويات. وتتميز الأولوية بتحديد الأهمية لكل خاصية عن طريق ترتيب ومكان الكود. وتحديد الأولوية يتم بالترتيب التالي: الخصائص الأخيرة تحل الأولوية على الخصائص السابقة، والـ inline يحل الأولوية على الـ internal والـ external، والـ id يحل الأولوية على الـ class والعناصر، والـ pseudo classes والـ pseudo elements يحل الأولوية على الـ combinators.


11. يمكن استخدام media queries لتغيير تنسيقات CSS بناءً على مواصفات الشاشة وحجم العرض والارتفاع والاتجاه، ويمكن تطبيقها بشكل دائم أو مؤقت.


12. يتم استخدام vendor prefixes لدعم الخصائص التجريبية الجديدة التي لم تتم دعمها بعد بشكل كامل، وعادة ما يتم إضافة بادئة "–" لاسم الخاصية، مثل -webkit- أو -moz- أو -ms- أو -o-.


13. يتم استخدام CSS frameworks لتبسيط عملية التصميم وجعلها أكثر فعالية، ويمكن أن تحتوي على مجموعة كبيرة من الخصائص والتنسيقات المعيارية، مما يساعد على تصميم مواقع وتطبيقات ويب بسهولة وسرعة.

selector {
    property-name: value;
}