24 teknik CSS yang teratur_Pertukaran pengalaman

Walaupun aspek ini telah disebut berkali-kali dalam banyak dokumen, ramai rakan masih melakukan kesilapan dalam isu ini. Mari kita lihat teknik CSS ini hari ini Baca dengan teliti Mungkin anda tidak memahaminya sepenuhnya. Anda boleh mencari dan mengembangkan pengetahuan yang anda mahukan.

1. Teg ul mempunyai nilai padding secara lalai dalam Mozilla, tetapi dalam IE hanya margin yang mempunyai nilai.
2. Pemilih kelas yang sama boleh muncul berulang kali dalam dokumen, tetapi pemilih id hanya boleh muncul sekali. Gunakan kedua-dua kelas dan id untuk mentakrifkan label dalam CSS Jika takrifan diulang, takrifan yang dibuat oleh pemilih id adalah sah kerana berat id lebih besar daripada kelas.
3. Cara bodoh untuk melaraskan keserasian (IE dan Mozilla):
Pemula mungkin menghadapi situasi sedemikian: atribut label yang sama adalah normal apabila ditetapkan kepada A dalam IE, tetapi mesti dipaparkan dalam Mozilla Ia mesti ditetapkan kepada B untuk dipaparkan secara normal, atau kedua-duanya diterbalikkan.
Penyelesaian sementara: Pemilih {nama atribut: B !important; nama atribut: A} kadangkala tidak berfungsi. Anda boleh mencari lebih banyak penyelesaian BUG di jb51.net.
4. Jika beberapa jarak diperlukan antara kumpulan tag bersarang, biarkan ia pada atribut margin tag yang terletak di dalam dan bukannya menentukan padding tag yang terletak di luar
5. tag li Adalah disyorkan untuk menggunakan imej latar belakang dan bukannya imej gaya senarai untuk ikon sebelumnya.
6. IE tidak dapat membezakan antara hubungan warisan dan hubungan bapa-anak semuanya adalah hubungan warisan.
7. Apabila menambah pemilih pada teg anda, jangan lupa untuk menambah ulasan pada pemilih dalam CSS. Anda akan tahu sebab anda melakukan ini apabila anda mengubah suai CSS anda nanti. Juga peringatan, jangan terlalu gila.
8. Jika anda menetapkan imej latar belakang gelap dan kesan teks terang untuk label. Adalah disyorkan untuk menetapkan warna latar belakang yang lebih gelap untuk label anda pada masa ini. Kerana imej hilang, teks kekal boleh dibaca.
9. Beri perhatian kepada susunan apabila mentakrifkan empat keadaan pautan: Pautan Dilawati Hover Active
10. Sila gunakan latar belakang untuk gambar yang tiada kaitan dengan kandungan. Sentiasa ingat untuk memisahkan pembentangan daripada kandungan.
11. Takrif warna boleh disingkatkan sebagai #8899FF=#89F
12. Jadual masih berguna dalam beberapa aspek Apabila anda menemui jadual data, jangan benci.
13. tidak mempunyai atribut bahasa, ia harus ditulis seperti ini: