小心：CSS代碼書寫順序不同，導致顯示效果不一樣_經驗交流

來源：懂視網責編：小采時間：2020-11-27 18:54:36

小心：CSS代碼書寫順序不同，導致顯示效果不一樣_經驗交流

小心：CSS代碼書寫順序不同，導致顯示效果不一樣_經驗交流:無意中發現，針對同一HTML標記，在CSS中同時應用了font和line-height屬性時，就得小心了，這二者的書寫順序不一樣，會導致顯示效果不同。即： >>> 如果先寫font，再寫line-height，顯示效果正常 >>> 如果先寫line-height，再寫font，則lin

推薦度：

點擊下載本文 文檔為doc格式

導讀小心：CSS代碼書寫順序不同，導致顯示效果不一樣_經驗交流:無意中發現，針對同一HTML標記，在CSS中同時應用了font和line-height屬性時，就得小心了，這二者的書寫順序不一樣，會導致顯示效果不同。即： >>> 如果先寫font，再寫line-height，顯示效果正常 >>> 如果先寫line-height，再寫font，則lin

無意中發現，針對同一HTML標記，在CSS中同時應用了font和line-height屬性時，就得小心了，這二者的書寫順序不一樣，會導致顯示效果不同。
即：
>>> 如果先寫font，再寫line-height，顯示效果正常
>>> 如果先寫line-height，再寫font，則line-height定義的效果會丟失，在IE、Firefox、Opera下都出現這種BUG

具體效果請看以下代碼：
<p>h1：</p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋體,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 專注Web技術，體驗開發樂趣！</h2> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋體,Geneva,Arial,sans-serif;">IECN.Net - 專注Web技術，體驗開發樂趣！</h2> <p>div：</p> IECN.Net - 專注Web技術，體驗開發樂趣！ IECN.Net - 專注Web技術，體驗開發樂趣！
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com