小心：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)文章
我們常常希望列表中的內(nèi)容，超過設(shè)置的長(zhǎng)度的時(shí)候，不要撐開父元素，也不希望它直接換行；我們更愿意讓其超過部分用省略號(hào)來代替。而在title標(biāo)簽中，置放的是完整的標(biāo)題。2008-12-12
div+css詳解定位與定位應(yīng)用...2007-04-04
編寫純 CSS 彈出菜單的原理及實(shí)現(xiàn) By shawl.qiu
編寫純 CSS 彈出菜單的原理及實(shí)現(xiàn) By shawl.qiu...2007-03-03
不錯(cuò)的10個(gè)你未必知道的CSS技巧...2007-10-10
客齊集OEM的CSS解析與開發(fā)經(jīng)驗(yàn)
客齊集OEM的CSS解析與開發(fā)經(jīng)驗(yàn)...2007-03-03
用div實(shí)現(xiàn)像table一樣的布局方法
下面是我翻譯的內(nèi)容，是根據(jù)我對(duì)文章的理解意譯的，你就別挑哪里翻譯的不對(duì)了，我的目的只是傳達(dá)這個(gè)CSS技巧。2008-04-04
提高網(wǎng)頁的效率 Use YSlow to know why your web Slow
內(nèi)容再豐富的網(wǎng)站，如果慢到無法訪問也是毫無意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭(頁面效率和搜索蜘蛛之間的關(guān)系，需要進(jìn)一步的確認(rèn)，此為和上篇保持統(tǒng)一)； UE設(shè)計(jì)的再人性化的網(wǎng)站，如果用戶連看都看不到也是空談。2008-09-09
Css利用js的expression實(shí)現(xiàn)的效果
Css利用js的expression實(shí)現(xiàn)的效果...2007-02-02
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦...2007-01-01
今天在藍(lán)色理想瞎逛，看見了Realazy的教程CSS Sprites，于是來自己做了個(gè)小東西，效果在這里2008-05-05