รักษา CSS ของคุณให้สะอาดและเป็นระเบียบอยู่เสมอ ฉันชอบจัดระเบียบตัวเลือกของฉันเป็นหมวดหมู่สไตล์
รีเซ็ตสไตล์
รูปแบบการพิมพ์
รูปแบบเค้าโครง (ส่วนหัว เนื้อหา ส่วนท้าย ฯลฯ)
สไตล์โมดูลหรือวิดเจ็ต สไตล์โมดูลหรือวิดเจ็ต
อื่นๆ (ฯลฯ)
จากนั้น ภายในแต่ละกลุ่ม ฉันจัดระเบียบตัวเลือกตามลำดับชั้น DOM:
สไตล์ผู้ปกครองใดๆ
สไตล์องค์ประกอบระดับบล็อก (ย่อหน้า รายการ ฯลฯ )
รูปแบบองค์ประกอบอินไลน์ (ลิงก์ ตัวย่อ ฯลฯ)
อื่นๆ (ฯลฯ)
จากนั้นจึงสร้างแผนกเฉพาะตามแผนกข้างต้น:
ย่อหน้า
บล็อกโควต
ที่อยู่
รายการ
แบบฟอร์ม
ตาราง
อื่นๆ (ฯลฯ)
สุดท้ายนี้ ฉันจัดระเบียบการประกาศ CSS ตามประเภทสไตล์
รูปแบบการวางตำแหน่ง
แบบลอย/ใส
รูปแบบการแสดงผล/การมองเห็น
รูปแบบการเว้นวรรค (ขอบ, ช่องว่างภายใน, เส้นขอบ)
รูปแบบมิติข้อมูล
รูปแบบที่เกี่ยวข้องกับการพิมพ์ (ความสูงของเส้น สี ฯลฯ)
สไตล์เบ็ดเตล็ด (สไตล์รายการ เคอร์เซอร์ ฯลฯ)
หลายๆ คนชอบเรียงลำดับตัวอักษรตามการประกาศ ซึ่งอาจไม่ได้ผลดีสำหรับฉัน แต่อาจได้ผลสำหรับคุณอย่างสมบูรณ์แบบ แต่เมื่อคุณเลือกวิธีการจัดองค์กรแล้ว วิธีที่ดีที่สุดคือยึดถือวิธีนี้เพื่อรักษาความสม่ำเสมอ