ولا يخفى على أحد أهميتها و فوائدها الجمة

المشكلة أنه خلال تصميم الموقع يقوم المبرمج أو المصمم بكتابة السي اس اس و يكبر الملف مع كل يوم و مع تعديلات هنا و هناك و الأقسام المحتلفة التي تتعلق بصفحة معينة أو تعديلات حتى نجعل الصفحة تظهر مناسبة للانترنت اكسبلولر (دوما هو المشكلة الفايرفوكس و غيره ما عندهم مشاكل)  يصبح الملف كبيرا و فيه الكثير من الشوشرة بحيث يصعب الرجوع إليه او تعديله في المستقبل 

فهذه النصائح (بعضها من بالي و بعضها ما نصحني به الزملاء و أنا أولى بأن اتبعها قبل ان اطلب منكم اتباعها ولكن اضعها هنا لكي نتبعها معا ) :

1.  النظام ثم النظام ثم النظام :
   من أفضل طرق للمحافظة على ملف السي اس اس هو تنظيمه منذ البداية ، اصنع طريقتك بنفسك مثلا  ضع كل ما يهم في ترتيب الأقسام الرئيسية للموقع في بداية السي اس اس ثم ضع جميع تنسيقات القائمة الجانبية مع بعضها البعض ، و تنسيقات الأزرار في مكان واحد و تنسيقات القسم الرئيسي من الصفحة ايضا في مكان واحد. أو مثلا كترتيب آخر رتب التنسيقات حسب عمومها فمثلا ضع التنسيقات التي تؤثر على كل الصفحة في بدايات الملف و انت تنزل في الملف تبدأ بوضع التنسيقات التي تؤثر في امور اقل في الصفحة
2. التعريف :
   في مقدمة ملف السي اس اس ضع comment به تعريف بسيط عن نفسك و متى تم انشاء الملف و متى كان آخر تحديث له (سيساعدك و الآخرين كثيرا ) كذلك ضع فيه جدول بالألوان المستخدمة مثلا 
   /*
   author : Ali Lawati
   created : 25/4/2009
   updated: 1/5/2009

   Color used
   CCCCCC : gray
   13437A : blue
   */
   كما ترى سيساعدك جدول الألوان كثيرا حينما تغير شيئا ما في التنسيقات

3. إعادة استسخدام :
   هناك الكثير من أجزاء ملف السي اس اس التي نقوم بإعادة كتابتها في الكثير من المواقع التي تصممها ، فمثلا لو كانت الصفحة لابد ان تحتوي على قسم رئيسي و قائمة جانبية و قائمة علوية (و يا ما اكثر المواقع العربية التي تطلب هذا الشي)  لهذا فتنسيقات السي اس اس المستعملة لتوزيع الـ div  لكل قسم و قائمة  ستستعمل في كل موقع يحتاج هذه التنسيقات فبدلا من اعادة كتابتها لكل موقع يطلب نفس التنسيق عليك بالإحتفاظ بهذه التنسيقات في ملف خاص و ما عليك سوى إعادة إستخدامه (نسخ و لصق) وقت الحاجة
    
4. استخدام – عوضا عن _ :
   عند تسمية اجزاء من الصفحة كـ ID  أو CLASS   حاول دوما  عدم استخدام الأندر سكور ” _” لأن المتصفحات القديمة تعاني من مشكلة عن رؤيتها لهذا الشي و ان كا ن لا بد فاستخدم الداش بدلا عنها ” – “ 
5.  صمم للـ Gecko (الفايرفوكس ) أولا :
   لا بد ان جميع مبرمجي المواقع لاحظوا أن الفايرفوكس أو اكثر متصفح دعما لل standards  و بهذا فاذا صممت موقعك بالتنسيقات السي اس اس التي تتماشى مع الفايرفوكس فغالبا لن تحتاج إلا إلى تعديلات بسيطة لكي تجعل الموقع يظهر بنفس المظهر في الانترنت اكسبلولر و السفاري و الكروم

6. تأكد انك ما شي مع الستاندردس :
   دوما يفضل ان تكون مع الاستاندردس و يمكنك التأكد من أن تنسيقاتك كذلك من هذا الموقع W3C’s free CSS validator  
   تكمن أهمية هذا لأنه بما انك مع الاستاندردس فلن يضيع جهدك في الإصدارات القادمة من المتصفحات (فلنقل انك لم تهتم بالإستاندردس ) و صنعت تنسيقات لموقعك و هي تعمل بطريقة ممتازة على جميع المتصفحات ولكن بما انها ليست standards  فلا شيء يضمن لك أن الإصدار القادم من الفايرفوكس او الانترنت اكسبلولر سيقى يعرض تنسيقاتك بنفس الطريقة