Helaian gaya reka letak CSS pengalaman_CSS/HTML

Apabila masa berlalu, kandungan di sini akan ditambah atau diubah suai Saya berharap perkara berikut akan membantu atau tidak berguna kepada pelajar standard masa hadapan

Kandungan utama ialah perbezaan dan butiran yang mudah diabaikan antara IE dan MOZILLA, kaedah pelaksanaan terbaik bagi beberapa aplikasi klasik, dan kesilapan yang harus dielakkan

Memandangkan ia adalah pengumpulan pengalaman harian saya, tidak dapat dielakkan bahawa akan ada beberapa penjelasan yang salah Jika anda bernasib baik untuk dilihat oleh pakar, sila pastikan untuk menunjukkannya

Teg ul mempunyai nilai padding secara lalai dalam Mozilla, tetapi dalam IE hanya margin yang mempunyai nilai.

Pemilih kelas yang sama boleh muncul berulang kali dalam dokumen, tetapi pemilih id hanya boleh muncul sekali;

Cara bodoh untuk melaraskan keserasian (IE dan Mozilla):

Pemula mungkin menghadapi situasi sedemikian: atribut label yang sama dipaparkan secara normal apabila ia ditetapkan kepada A dalam IE, tetapi mesti ditetapkan kepada B dalam Mozilla untuk dipaparkan secara normal, atau kedua-duanya diterbalikkan

Penyelesaian sementara:

Pemilih {Nama atribut: B !important; Nama atribut: A;}

Jika beberapa jarak diperlukan antara kumpulan teg bersarang, biarkan ia pada atribut margin teg yang terletak di dalam dan bukannya menentukan pelapik

teg yang terletak di luar.

Adalah disyorkan untuk menggunakan imej latar belakang dan bukannya imej gaya senarai untuk ikon di hadapan tag li

IE tidak dapat membezakan antara hubungan warisan dan hubungan bapa-anak, semuanya adalah hubungan warisan

Apabila anda menambahkan pemilih pada teg anda, jangan lupa untuk mengulas pemilih dalam CSS Anda akan tahu mengapa anda melakukan ini apabila anda mengubah suai CSS anda pada masa hadapan

Jika anda menetapkan imej latar belakang gelap dan kesan teks terang untuk label, anda disyorkan untuk menetapkan warna latar belakang gelap untuk label anda pada masa ini

Beri perhatian kepada susunan apabila mentakrifkan empat keadaan pautan: Pautan Dilawati Tuding Aktif

Sila gunakan latar belakang

untuk gambar yang tiada kaitan dengan kandungan.

Warna yang ditakrifkan boleh disingkatkan #8899FF = #89F

Jadual menunjukkan prestasi yang lebih baik daripada teg lain dalam beberapa aspek Sila gunakannya apabila penjajaran lajur diperlukan

Tiada atribut bahasa, ia harus ditulis seperti ini: