1. أضف كتلة تعليق في بداية ورقة الأنماط لوصف تاريخ الإنشاء والمنشئ والعلامات ومعلومات الملاحظات الأخرى لورقة الأنماط.
| مثال على كود المصدر : /* ---------------------------------- الموقع: اسم الموقع المؤلف: 52CSS.com تم التحديث: التاريخ والوقت تم التحديث بواسطة: الاسم ---------------------------------- */ |
2. تضمين علامات الألوان العامة
| مثال على كود المصدر : /* ---------------------------------- الألوان خلفية الجسم: #def455 خلفية الحاوية: #fff النص الرئيسي: #333 الروابط: #00600f الروابط التي تمت زيارتها: #098761 تحوم الروابط: # aaf433 H1، H2، H3: #960 H4، H5، H6: #000 ---------------------------------- */ |
3. أعط أسماء ذات معنى للمعرف والفئة
طريقة التسمية غير الموصى بها:
| مثال على كود المصدر : .المربع الأخضر { ... } #نص كبير { ... } |
طريقة التسمية الموصى بها:
| مثال على كود المصدر : .الاقتباس {... } #مقدمة {... } |
4. دمج قواعد النمط المرتبطة
| مثال على كود المصدر : #الرأس {...} #الرأس h1 { ... } #header h1 img { ... } #نموذج الرأس { ... } #الرأس أ#تخطي { ... } #ملاحة { ... } #الملاحة ul { ... } #الملاحة ulli { ... } #الملاحة ul li a { ... } #navigation ul li a:hover { ... } #محتوى { ... } #المحتوى h2 { ... } #المحتوى ع { ... } #المحتوى { ... } #محتوى { ... } |
5. أضف تعليقات واضحة على الأنماط
| مثال على كود المصدر : /* ---------------------------------- أنماط الرأس ---------------------------------- */ #الرأس {...} #الرأس h1 { ... } #header h1 img { ... } #نموذج الرأس { ... } /* ---------------------------------- أنماط الملاحة ---------------------------------- */ #ملاحة { ... } |