مع زيادة أعمال الشركة، تزداد الاحتياجات، ويستمر الفريق في التوسع. غالبًا ما نواجه العديد من الأشخاص الذين يعملون معًا لإكمال نفس العمل أو صيانة وتعديل أعمال الآخرين، فما هو الشيء الأكثر أهمية؟ أنت أكثر؟ عندما نقوم بتنفيذ صفحة ذات أداء معقد، سيكون ملف CSS أكثر تعقيدًا، حيث أن المحددات والسمات المتعددة مبهرة، فكيف يمكن وضعه بشكل أسرع وكيفية كتابة الأنماط بشكل أكثر كفاءة؟ يتم تجاهل كتابة CSS من قبل العديد من الأشخاص. فيما يتعلق بأسلوب الكتابة، فقد بحثت في أعمال بعض المواقع المعروفة ووجدت أن الصفوف الأفقية أصبحت تقريبًا هي السائدة في مشاريع المنتجات الكبرى، ومع ذلك، كل شخص لديه طرق مختلفة لكتابة CSS، مما يؤدي إلى انخفاض كفاءة عملنا . من أجل العمل معًا بشكل أفضل والحفاظ على اتساق كتابة CSS داخل الفريق، توصلنا إلى توافق في الآراء بعد عدة تحولات ومنعطفات. طريقة الكتابة المحددة هي كما يلي: تتم كتابة سمات CSS أفقيًا، وتكتب المحددات عموديًا، ويتم كتابة سطر جديد. يجب إضافتها بعد كل ""، (فاصلة) ؛
مثال على معايير كتابة التعليمات البرمجية لمجموعة إعادة البناء: (الأرقام للتوضيح فقط، ولا ينصح باستخدام الأرقام في التطبيقات الفعلية.)
.class_name_1 .class_name_1_1,
.class_name_2 .class_name_2_1 .class_name_2_1_1,
.class_name_3{style1:value;
يقول بعض الأشخاص أن التعليمات البرمجية الجيدة هي عمل فني حتى لو تم فتحها باستخدام برنامج "المفكرة"، وملف النمط نفسه هو عمل تصميمي. في الوقت الحاضر، لا توجد سلطة لتحديد هذه المواصفات، يمكننا فقط تقديم ملخص بسيط لطريقتي الكتابة.
قارن ملفات الأنماط نفسها:
مميزات الكتابة العمودية:
المشاكل الموجودة: التعليمات البرمجية الزائدة عن الحاجة (مثل أحرف المسافة، وأحرف علامة التبويب، وأحرف السطر الجديد)؛ وزيادة حجم الملف؛ وأشرطة التمرير العمودية عرضة للظهور.