1. Tambahkan blok komentar di awal style sheet untuk menjelaskan tanggal pembuatan, pembuat, tag, dan informasi komentar lainnya dari style sheet.
| Contoh Kode Sumber : /* ----------------------------------- Situs: Nama situs Penulis: 52CSS.com Diperbarui: Tanggal dan waktu Diperbarui oleh: Nama ----------------------------------- */ |
2. Sertakan tanda warna umum
| Contoh Kode Sumber : /* ----------------------------------- WARNA Latar belakang tubuh: #def455 Latar belakang penampung: #fff Teks Utama: #333 Tautan: #00600f Tautan yang dikunjungi: #098761 Tautan arahkan kursor: #aaf433 H1, H2, H3: #960 H4, H5, H6: #000 ----------------------------------- */ |
3. Beri nama yang bermakna pada ID dan Kelas
Metode penamaan yang tidak disarankan:
| Contoh Kode Sumber : .kotak hijau { ... } #teks-besar { ... } |
Metode penamaan yang disarankan:
| Contoh Kode Sumber : .pullquote {... } #perkenalan {... } |
4. Integrasikan aturan gaya terkait
| Contoh Kode Sumber : #tajuk { ... } #tajuk h1 { ... } #tajuk h1 gambar { ... } #bentuk tajuk { ... } #tajuk a#lewati { ... } #navigasi { ... } #navigasi ul { ... } #navigasi uli { ... } #navigasi ul li a { ... } #navigasi ul li a:hover { ... } #isi { ... } #konten h2 { ... } #isi p { ... } #konten { ... } #contentulli { ... } |
5. Tambahkan komentar yang jelas ke gaya
| Contoh Kode Sumber : /* ----------------------------------- gaya tajuk ----------------------------------- */ #tajuk { ... } #tajuk h1 { ... } #tajuk h1 gambar { ... } #bentuk tajuk { ... } /* ----------------------------------- gaya navigasi ----------------------------------- */ #navigasi { ... } |