注意：CSSコードの記述順序が異なるため、表示効果が異なります_エクスペリエンス交換

CSS の font 属性と line-height 属性を同じ HTML タグに適用する場合、両者の記述順序が異なるため、表示効果が異なることに注意する必要があることを偶然発見しました。
つまり:
>>> フォントを最初に記述してから行の高さを記述すると、表示効果は通常になります。
>>>フォント、行 -height で定義された効果は失われます。このバグは IE、Firefox、Opera で発生します。

具体的な効果については、次のコードを参照してください。

<p>h1: </p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - Web テクノロジーに焦点を当て、開発の楽しさを体験してください! </h1> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - Web テクノロジーに焦点を当て、開発の楽しさを体験してください! </h1> <p>ディビジョン:</p> <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - Web テクノロジーに焦点を当て、開発の楽しさを体験してください! </div> <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - Web テクノロジーに焦点を当て、開発の楽しさを体験してください! </div>
[Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]