tips في css

ترتيب ملف css من اهم الامور بالنسبة لمطور الويب والزائر الفضولي على حد سواء .. لا توجد طريقة وموحدة، وفي النهاية المطور يستعمل طريقته الخاصة ويطورها باستمرار .. ولا يجب ان يغفل عن المواقع والمدونات الاجنبية المميزة في مواقع css showcase فسيتعلم منها الكثير ..

شخصيا اطور طريقتي باستمرار ..
عند انشاء class رئيسي باسم content أو sidebar مثلا .. لاشك انني ساستعمل اوامر xhtml داخل هذا الكلاس ك، p, span, a, h ..الخ

لذلك من الافضل ان اظهر ان هذه الكلاسات الفرعية تنتمي الى الكلاس الرئيسي، وذلك عند كتابة ملف css .. مثال:

يوجد مسافة بين الكلاسات الفرعية التي تنتمي الى الكلاس الرئيسي، مثل نظام الشجرة ..

#content {
	margin: 0 auto;
	border: 1px solid #ccc;
}
    #content p {
  	   font: bold 1em arial;
  	   padding: .2em;
    }
         #content p span {
    	    color:#f00;
          }
 
 
#wrap {
	margin: 05px 0;
	border: 1px solid #333;
}
    #wrap h5 {
  	   font: bold 1em arial;
  	   margin: 05px;
    }
         #wrap h5 span {
    	    color:#666;
          }
 
#spacer {
	clear: both;
}

خصائص كل من p و span لا توجد في نفس الترتيب مع #content .. ايضا span تتبع p لذلك لم اكتب

         #content span {
    	    color:#f00;
          }

بعض المطورين العرب خصوصا، يكتبون اوامر كثيرة بطريقة غير صحيحة، ولا تنم عن خبرة وانفتاح، ومنهم من يستعمل اسماء طويلة عريضة يفهمها هو فقط، بينما اذا قام الزائر باستعراض ملف css فلا يستفيد شيئا ..

في النهاية، عندما اكتب ملف css فانا اكتب للزوار قبل ان اكتبه لصاحب الموقع نفسه .. اعتقد ان التفكير بهذه الطريقة سيجعلنا نقدم عملا أفضل وأكثر جودة ..

أضف تعليقاً