Ada banyak tips dalam pengembangan layout web CSS, dan teman-teman pemula sering kali masih asing dengannya. Pada satu atau dua masalah kecil, mungkin perlu waktu lama untuk menyelesaikannya. Meskipun aspek ini telah disebutkan berkali-kali dalam dokumen 52CSS.com, masih banyak teman yang melakukan kesalahan dalam masalah tersebut. Mari kita lihat teknik CSS hari ini. Bacalah dengan cermat. Mungkin Anda belum sepenuhnya memahaminya. Anda dapat mencari di 52CSS.com untuk memperluas pengetahuan yang Anda inginkan.
1. Tag ul memiliki nilai padding secara default di Mozilla, tetapi di IE hanya margin yang memiliki nilai.
2. Pemilih kelas yang sama dapat muncul berulang kali dalam dokumen, namun pemilih id hanya dapat muncul satu kali. Gunakan kelas dan id untuk mendefinisikan label di CSS. Jika definisi diulang, definisi yang dibuat oleh pemilih id adalah valid karena bobot id lebih besar daripada bobot kelas.
3. Cara bodoh untuk menyesuaikan kompatibilitas (IE dan Mozilla):
Pemula mungkin menghadapi situasi seperti ini: atribut dari label yang sama ditampilkan secara normal ketika diatur ke A di IE, tetapi harus diatur ke B di Mozilla untuk ditampilkan secara normal, atau keduanya dibalik.
Solusi sementara: Pemilih {property name: B !important; property name: A} terkadang tidak berfungsi. Anda dapat mencari solusi BUG lainnya di 52CSS.com.
4. Jika diperlukan jarak antar grup tag yang disarangkan, serahkan pada atribut margin dari tag yang berada di dalam, alih-alih menentukan padding dari tag yang terletak di luar.
5. Disarankan untuk menggunakan gambar latar belakang daripada gambar gaya daftar untuk ikon di depan tag li.
6. IE tidak dapat membedakan perbedaan antara hubungan warisan dan hubungan ayah-anak.
7. Saat menambahkan penyeleksi secara berlebihan ke tag Anda, jangan lupa untuk menambahkan komentar ke penyeleksi di CSS. Anda akan mengetahui alasan Anda melakukan ini saat Anda memodifikasi CSS nanti. Juga peringatan, jangan terlalu gila.
8. Jika Anda mengatur gambar latar belakang gelap dan efek teks cerah untuk label. Disarankan untuk menyetel warna latar belakang yang lebih gelap untuk label Anda saat ini. Karena gambarnya hilang, teks tetap dapat dibaca.
9. Saat menentukan empat status tautan, perhatikan urutannya: Tautan yang Dikunjungi Arahkan Aktif
10. Harap gunakan latar belakang untuk gambar yang tidak ada hubungannya dengan konten. Selalu ingat untuk memisahkan presentasi dari konten.
11. Warna yang ditentukan dapat disingkat #8899FF=#89F
12. Tabel masih berguna dalam beberapa aspek. Saat Anda menemukan tabel data, jangan membencinya.
13.