Attention : l'ordre d'écriture du code CSS est différent, ce qui entraîne des effets d'affichage différents_Échange d'expérience

J'ai accidentellement découvert que lorsque vous appliquez les attributs font et line-height en CSS à la même balise HTML, vous devez être prudent. L'ordre d'écriture des deux est différent, ce qui entraînera des effets d'affichage différents.
C'est-à-dire :
>>> Si vous écrivez d'abord la police, puis la hauteur de ligne, l'effet d'affichage sera normal
>>> font, puis line L'effet défini par -height sera perdu. Ce BUG apparaît sous IE, Firefox et Opera

Pour des effets spécifiques, veuillez consulter le code suivant :

. <p>h1 : </p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement ! </h1> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement ! </h1> <p>div :</p> <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement ! </div> <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement ! </div>
[Ctrl+A tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]