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