1. حول التعليقات
تعتبر التعليقات في CSS مهمة جدًا عند إنشاء مواقع ويب بتنسيق xhtml+CSS. عند إنشاء أنماط CSS، يجب عليك الحفاظ على عادة التعليق بشكل عرضي. بشكل عام، أنا معتاد على كتابة التعليقات بتنسيق "/* محتوى التعليق*/"، لأنه في المحررين الذين لديهم وظائف تمييز مثل EditPlus، يتم استخدام "/********" الشائع الاستخدام في لغة C التعليقات مثل *******/" لا معنى لها، وليست هناك حاجة لملء الكثير من المحتوى الذي لا معنى له كفصل. تعمل المستندات التي تحتوي على تعليقات كمستندات CSS الأصلية لموقع الويب، عند نشر موقع الويب، يمكنك استخدام أداة ضغط CSS لضغط CSS وإزالة التعليقات من مخرجات CSS لتحسين كفاءة نقل الملفات.
2. حول التسمية
عند تسمية ملفات CSS، أفضل استخدام الأسماء أو الاختصارات الإنجليزية الصحيحة لغويًا، وقد أستخدم أسماء بينيين جزئية للأجزاء غير المعتادة. بالإضافة إلى ذلك، في بعض الفئات التابعة، قد أستخدم اسمًا مشابهًا لـ "list_banner"، أي اسم العنصر الأصلي بالإضافة إلى "_" بالإضافة إلى اسم العنصر.
فيما يتعلق بالتسمية، يمكن التفاوض بشأنها بناءً على عادات مصممي الفريق. ولكن من الأفضل إضافة تعليق بعد الاسم حتى تتمكن من إنشاء وثائق للرجوع إليها مستقبلاً.
3. عن الميراث
في CSS، استفد من الميراث. على سبيل المثال، في قسمين متداخلين، يحدد العنصر الأصلي سمة لون الخلفية باللون الأسود إذا كانت خلفية العناصر الفرعية سوداء أيضًا، فليست هناك حاجة لتكرار التعريف. إن الاستفادة الجيدة من وراثة CSS يمكن أن تجعل التعليمات البرمجية الخاصة بك أكثر كفاءة وانسيابية.
4. حول مستويات تعريف CSS
عند تعريف الفئات في CSS، يوصى باستخدام طريقة هرمية لوصف البيانات.
هيكل المثال:
| وفيما يلي المحتوى المقتبس: <div معرف = "القائمة"> <div class="menulist"> <div class="selectit"></div> </div> </div> |
مثال CSS:
| وفيما يلي المحتوى المقتبس: #قائمة طعام { ... } #menu .menulist { ... } #menu .menulist .selectit { ... } |
في المثال أعلاه، من التأثير النهائي، ليست هناك حاجة لظهور #menu بشكل متكرر، ولكن في الواقع، إذا كان من الممكن إضافة #menu في المقدمة، فسيجعل التسلسل الهرمي للمستند أكثر وضوحًا وأسهل في القراءة.
5. حول فرز الأنماط
عند تصميم أوراق أنماط CSS، فإننا غالبًا ما نكتب التعليمات البرمجية يدويًا، مما قد يؤدي بسهولة إلى حدوث ارتباك في ترتيب الأنماط في الفئات. على سبيل المثال، تستخدم العديد من الفئات الحشو والهامش والخلفية واللون وأنماط أخرى. ومع ذلك، عند الفرز، تكون لبعض الفئات خلفية أعلى والبعض الآخر يكون لها هامش أعلى. وهذا يخلق قدرًا معينًا من الارتباك ويمكن أن يحبط تفكيرك بسهولة. أقترح أن يتفق المصممون الأفراد أو الفريق على ترتيب تقريبي، بحيث لا يكون هناك اختلاف كبير على المستوى الفردي، ولكن بشكل عام سيكون من الأسهل قراءته وإدارته، وسيتم تحسين الكفاءة الإجمالية كثيرًا.
على سبيل المثال، بشكل افتراضي، أضع العرض والارتفاع والحشوة والهامش والحدود وما إلى ذلك في المقدمة، متبوعة بالخلفية، ثم الخط واللون ومحاذاة النص وما إلى ذلك التي تتحكم في النص، ثم بعض العلامات الخاصة التي يمكنها يمكن استخدامها فقط العناصر، مثل نمط القائمة، وما إلى ذلك، وأخيرًا مرشحات CSS. عند مواجهة مواقف خاصة (مثل أولوية بعض خصائص CSS التي تحتاج إلى تعريف)، يمكن التعامل معها بمرونة.