Awas: Urutan penulisan kod CSS adalah berbeza, menghasilkan kesan paparan yang berbeza_Pertukaran pengalaman

Saya secara tidak sengaja mendapati bahawa apabila menggunakan kedua-dua fon dan atribut ketinggian baris dalam CSS pada teg HTML yang sama, anda perlu berhati-hati Susunan penulisan kedua-duanya adalah berbeza, yang akan membawa kepada kesan paparan yang berbeza.
Iaitu:
>>> Jika anda menulis fon dahulu, kemudian ketinggian garis, kesan paparan akan menjadi normal
>>> Jika anda menulis ketinggian baris dahulu, kemudian fon, kemudian baris Kesan yang ditakrifkan oleh -tinggi akan hilang BUG ini muncul di bawah IE, Firefox dan Opera

Untuk kesan tertentu, sila lihat kod berikut:

. <p>h1: </p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - Fokus pada teknologi Web dan alami keseronokan pembangunan! </h1> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - Fokus pada teknologi Web dan alami keseronokan pembangunan! </h1> <p>div:</p> <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - Fokus pada teknologi Web dan alami keseronokan pembangunan! </div> <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - Fokus pada teknologi Web dan alami keseronokan pembangunan! </div>
[Ctrl+A pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]