يمكن أن تكون إضافة التعليقات إلى ملفات CSS الخاصة بك بمثابة مساعدة كبيرة لك وللآخرين أثناء عملية التطوير إذا تم استخدامها بشكل صحيح. الأكثر شيوعًا هو إضافة معلومات تلميح إلى قواعد نمط CSS، لكن استخدام التعليقات مفيد أيضًا لتحسين الهيكل التنظيمي وتحسين المنفعة.
التلميحات والعلامات
هذه هي الطريقة الأكثر شيوعًا للتعليق. يمكنك ترك تلميحات لنفسك أو للمطورين الآخرين لتجنب الارتباك والمشاكل غير الضرورية لاحقًا. إن بساطة التطبيق هذه أمر بالغ الأهمية. على سبيل المثال:
/* إيقاف تشغيل الحدود للصور المرتبطة */
img { border: 0 }
الطوابع الزمنية والتوقيعات
يقوم العديد من المصممين والمطورين بوضع علامة على أحدث ملفات CSS المحدثة بالتاريخ والوقت، بالإضافة إلى أسمائهم. ستزودنا هذه ببعض معلومات الاتصال وتحديثات الوثائق.
/* تم تحديث الأنماط: الخميس 4.8.08 @ 5:15 مساءً المؤلف: 52CSS.com ——-*/
يمكن أن تكون هذه الطريقة مفيدة جدًا للمشروع، خاصة إذا كنت جزءًا من فريق . كن حذرًا من أن بعض المؤسسات تطلب ترك هذه المعلومات في المستند، وبعض الشركات ترغب في ترك الأسماء والتواريخ خارج المستند، لذا من الأفضل توضيح هذه الأمور قبل البدء.
إنها
فكرة جيدة أن تستخدم التعليقات للإشارة إلى أقسام مختلفة من مستند CSS الخاص بك. على سبيل المثال، إذا تم تجميع كافة معلومات الرأس معًا، فيمكنك استخدام التعليقات لتمييزها عن نمط الكتلة أدناه.
/* HEADER ————————————————-*/
سأشرح هذا بالتفصيل بعد ذلك، ولكن الآن دعنا نناقش أولاً كيفية "فصل أنواع الأنماط"
عنالعلامات التوضيحية
إذا كانت ملفات CSS لديك مقسمة إلى كتل كما ذكرت أعلاه، يمكن أن يعمل استخدام علامات التعليق مع وظيفة "البحث" للسماح لك بالتبديل بين أجزاء مختلفة من المستند بسهولة. قم بوضع علامة على فصل (Chapter)، مثل استخدام علامة المساواة "="، ثم قم بإضافة اسم كتلة بعدها، مثل "HEADER"، وبالتالي إنشاء "مرساة" لمستند CSS الخاص بك.
/* =HEADER ——————————————————-*/
هذه الطريقة مفيدة بشكل خاص في أوراق الأنماط ذات المحتوى المعقد.