1. เพิ่มบล็อกความคิดเห็นที่จุดเริ่มต้นของสไตล์ชีตเพื่ออธิบายวันที่สร้าง ผู้สร้าง แท็ก และข้อมูลหมายเหตุอื่นๆ ของสไตล์ชีต
| ตัวอย่างซอร์สโค้ด : - - ไซต์: ชื่อไซต์ ผู้เขียน: 52CSS.com อัปเดต: วันที่และเวลา อัปเดตโดย: ชื่อ - - |
2. รวมเครื่องหมายสีสาธารณะ
| ตัวอย่างซอร์สโค้ด : - - สี พื้นหลังของร่างกาย: #def455 พื้นหลังคอนเทนเนอร์: #fff ข้อความหลัก: #333 ลิงค์: #00600f ลิงค์ที่เข้าชม: #098761 ลิงก์โฮเวอร์: #aaf433 H1, H2, H3: #960 H4, H5, H6: #000 - - |
3. ตั้งชื่อที่มีความหมายให้กับ ID และคลาส
วิธีการตั้งชื่อที่ไม่แนะนำ:
| ตัวอย่างซอร์สโค้ด : .กล่องสีเขียว { ... } #ข้อความใหญ่ { ... } |
วิธีการตั้งชื่อที่แนะนำ:
| ตัวอย่างซอร์สโค้ด : .pullquote {... } #การแนะนำ {... } |
4. รวมกฎสไตล์ที่เกี่ยวข้อง
| ตัวอย่างซอร์สโค้ด : #ส่วนหัว { ... } #ส่วนหัวh1 { ... } #header h1 img { ... } #แบบฟอร์มส่วนหัว { ... } #header a#skip { ... } #การนำทาง { ... } #การนำทาง ul { ... } #navigation อุลลี { ... } #navigation ul li a { ... } #navigation ul li a:hover { ... } #เนื้อหา { ... } #เนื้อหา h2 { ... } #เนื้อหา p { ... } #เนื้อหา { ... } #เนื้อหาตุลลี { ... } |
5. เพิ่มความคิดเห็นที่ชัดเจนให้กับสไตล์
| ตัวอย่างซอร์สโค้ด : - - สไตล์ส่วนหัว - - #ส่วนหัว { ... } #ส่วนหัวh1 { ... } #header h1 img { ... } #แบบฟอร์มส่วนหัว { ... } - - รูปแบบการนำทาง - - #การนำทาง { ... } |