首頁  >  文章  >  web前端  >  小心:CSS代碼書寫順序不同,導致顯示效果不一樣_經驗交流

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

WBOY
WBOY原創
2016-05-16 12:10:101713瀏覽

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

具體效果請看以下程式碼:


[Ctrl+A 全選 注意:如需引入外部Js需刷新才能執行]
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn