เมื่อธุรกิจของบริษัทเพิ่มมากขึ้น ความต้องการก็มีมากขึ้นเรื่อยๆ และทีมงานก็ขยายตัวอย่างต่อเนื่อง เรามักจะเจอคนหลายคนทำงานร่วมกันเพื่อทำงานเดียวกันให้เสร็จ หรือดูแลและแก้ไขงานของคนอื่น แล้วอะไรคือปัญหาที่สำคัญที่สุด? คุณมากที่สุด? เมื่อเราใช้เพจที่มีประสิทธิภาพที่ซับซ้อน ไฟล์ 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; style2:value;
บางคนบอกว่าโค้ดที่ดีนั้นเป็นงานศิลปะแม้ว่าจะเปิดด้วย Notepad และไฟล์สไตล์เองก็เป็นงานออกแบบ ปัจจุบันยังไม่มีอำนาจกำหนดข้อกำหนดนี้ เราทำได้เพียงสรุปง่ายๆ ของวิธีการเขียนทั้งสองวิธีเท่านั้น
เปรียบเทียบไฟล์สไตล์ด้วยตัวเอง:
คุณสมบัติการเขียนแนวตั้ง:
ปัญหาที่มีอยู่: รหัสซ้ำซ้อน (เช่น อักขระเว้นวรรค อักขระแท็บ อักขระขึ้นบรรทัดใหม่) ขนาดไฟล์ที่เพิ่มขึ้น แถบเลื่อนแนวตั้งมีแนวโน้มที่จะปรากฏขึ้น