Achtung: Die Schreibreihenfolge des CSS-Codes ist unterschiedlich, was zu unterschiedlichen Anzeigeeffekten führt_Erfahrungsaustausch

Ich habe zufällig festgestellt, dass man beim Anwenden der Attribute „font“ und „line-height“ in CSS auf dasselbe HTML-Tag achten muss. Die Schreibreihenfolge der beiden ist unterschiedlich, was zu unterschiedlichen Anzeigeeffekten führt.
Das heißt:
>>> Wenn Sie zuerst die Schriftart und dann die Zeilenhöhe schreiben, ist der Anzeigeeffekt normal.
>>> Schriftart, dann Zeile Der durch -height definierte Effekt geht unter IE, Firefox und Opera verloren. Informationen zu spezifischen Effekten finden Sie im folgenden Code:

h1: <p>IECN.Net – Konzentrieren Sie sich auf Web-Technologie und erleben Sie den Spaß an der Entwicklung! </p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net – Konzentrieren Sie sich auf Web-Technologie und erleben Sie den Spaß an der Entwicklung! </h1> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">div:</h1> <p>IECN.Net – Konzentrieren Sie sich auf Web-Technologie und erleben Sie den Spaß an der Entwicklung! </p> <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net – Konzentrieren Sie sich auf Web-Technologie und erleben Sie den Spaß an der Entwicklung! </div> <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;"></div>
[Strg+A alle auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]