小心：CSS代碼書寫順序不同，導(dǎo)致顯示效果不一樣
更新時間：2006年12月11日 00:00:00 作者：
無意中發(fā)現(xiàn)，針對同一HTML標(biāo)記，在CSS中同時應(yīng)用了font和line-height屬性時，就得小心了，這二者的書寫順序不一樣，會導(dǎo)致顯示效果不同。
即：
>>> 如果先寫font，再寫line-height，顯示效果正常
>>> 如果先寫line-height，再寫font，則line-height定義的效果會丟失，在IE、Firefox、Opera下都出現(xiàn)這種BUG
具體效果請看以下代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
即：
>>> 如果先寫font，再寫line-height，顯示效果正常
>>> 如果先寫line-height，再寫font，則line-height定義的效果會丟失，在IE、Firefox、Opera下都出現(xiàn)這種BUG
具體效果請看以下代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
這里面整理的css都是些比較經(jīng)典的應(yīng)用，方便網(wǎng)頁愛好者制作出更好的效果2008-09-09
前端html+css實現(xiàn)動態(tài)生日快樂代碼
?生日送什么禮物總是要花一番心思，別出心裁不落俗套，什么禮物才能讓那一個她開心呢？來看看前端大大用html+css實現(xiàn)動態(tài)生日快樂代碼吧，親測可用。2023-01-01
Chrome的CSS支持程度 引用自 Estelle2008-09-09
css div布局總會遇到很多瀏覽器兼容的問題。2008-04-04
給自己的網(wǎng)站制作一個favicon.ico圖標(biāo)的實現(xiàn)方法
給自己的網(wǎng)站制作一個favicon.ico圖標(biāo)的實現(xiàn)方法...2007-03-03
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法...2007-11-11
IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
最近發(fā)現(xiàn)各大類庫都能利用xxx.innerHTML=HTML片斷來生成節(jié)點元素，再把它們插入到目標(biāo)元素的各個位置上。這東西實際上就是insertAdjacentHTML，但是IE可惡的innerHTML把這優(yōu)勢變成劣勢。2014-06-06
匿名函數(shù)可以有效的保證在頁面上寫入Javascript，而不會造成全局變量的污染。這在給一個不是很熟悉的頁面增加Javascript時非常有效，也很優(yōu)美。2008-05-05
div iframe幀顯示問題2008-08-08
最近給所有的CSSer提出了一些寫CSS時候的“頂級技巧”。好多css使用技巧包括css縮寫，一行內(nèi)聲明css，分塊書寫代碼等實用技巧2008-04-04