1. Tentang komentar
Komentar dalam CSS sangat penting saat membuat website xhtml+CSS. Saat membuat gaya CSS, Anda harus menjaga kebiasaan berkomentar dengan santai. Secara umum, saya terbiasa menulis komentar dalam format "/* komentar konten*/", karena pada editor dengan fungsi highlight seperti EditPlus, yang umum digunakan adalah "/********" dalam bahasa C. . Komentar seperti *******/" tidak ada artinya, dan tidak perlu mengisi banyak konten yang tidak bermakna sebagai pemisah. Dokumen dengan komentar berfungsi sebagai dokumen CSS asli situs web. Saat menerbitkan situs web, Anda dapat menggunakan alat kompresi CSS untuk mengompresi CSS dan menghapus komentar dari output CSS untuk meningkatkan efisiensi transfer file.
2. Tentang penamaan
Saat memberi nama file CSS, saya lebih suka menggunakan nama atau singkatan bahasa Inggris yang benar secara semantik. Saya mungkin menggunakan sebagian nama pinyin untuk bagian yang tidak biasa. Selain itu, di beberapa kelas dependen, saya mungkin menggunakan nama yang mirip dengan "list_banner", yaitu nama elemen induk ditambah "_" ditambah nama elemen.
Soal penamaan, bisa dirundingkan berdasarkan kebiasaan tim desainernya. Namun yang terbaik adalah menambahkan komentar setelah namanya sehingga Anda dapat menghasilkan dokumentasi untuk referensi di masa mendatang.
3. Tentang warisan
Di CSS, manfaatkan warisan dengan baik. Misalnya, dalam dua div bertingkat, elemen induk mendefinisikan atribut warna latar belakang sebagai hitam. Jika latar belakang elemen turunan juga berwarna hitam, definisi tersebut tidak perlu diulang. Memanfaatkan warisan CSS dengan baik dapat membuat kode Anda lebih efisien dan efisien.
4. Tentang tingkatan definisi CSS
Saat mendefinisikan kelas dalam CSS, disarankan untuk menggunakan cara hierarki untuk mendeskripsikan pernyataan.
Contoh struktur:
| Berikut isi kutipannya: <div id="menu"> <div class="daftar menu"> <div kelas="pilih"></div> </div> </div> |
Contoh CSSnya:
| Berikut isi kutipannya: #menu { ... } #menu .menulist { ... } #menu .menulist .selectit { ... } |
Pada contoh di atas, dari efek akhir, #menu tidak perlu muncul berulang kali, namun nyatanya jika #menu bisa ditambahkan di depan maka akan membuat hierarki dokumen lebih jelas dan mudah dibaca.
5. Tentang penyortiran gaya
Saat mendesain style sheet CSS, kita kebanyakan menulis kode dengan tangan, yang dapat dengan mudah menyebabkan kebingungan dalam pengurutan gaya di kelas. Misalnya, beberapa kelas menggunakan padding, margin, latar belakang, warna, dan gaya lainnya. Namun, saat mengurutkan, beberapa kelas memiliki latar belakang lebih tinggi dan beberapa memiliki margin lebih tinggi. Hal ini menciptakan kebingungan dan dapat dengan mudah menggagalkan pemikiran Anda. Saya menyarankan agar desainer individu atau tim menyetujui urutan kasarnya, sehingga secara individu tidak akan ada banyak perbedaan, tetapi secara keseluruhan akan lebih mudah untuk dibaca dan dikelola, dan efisiensi keseluruhan akan meningkat pesat.
Misalnya, secara default, saya meletakkan lebar, tinggi, padding, margin, border, dll. di depan, diikuti oleh latar belakang, lalu font, warna, perataan teks, dll. yang mengontrol teks, dan kemudian beberapa tag khusus yang bisa hanya digunakan. Elemen, seperti gaya daftar, dll., dan terakhir filter css. Saat menghadapi situasi khusus (seperti prioritas properti CSS tertentu yang perlu ditentukan), hal ini dapat ditangani secara fleksibel.