【正文】 div 不要定死高度, 最好還加上 overflow: .　　7 關(guān)于手形光標(biāo). cursor: pointer. 而hand 只適用于 IE.針對firefox ie6 ie7的css樣式　　現(xiàn)在大部分都是用!important來hack，對于ie6和firefox測試可以正常顯示，　　但是ie7對!important可以正確解釋，會導(dǎo)致頁面沒按要求顯示!找到一個針　　對IE7不錯的hack方式就是使用“*+html”，現(xiàn)在用IE7瀏覽一下，應(yīng)該沒有問題了。 2).水平居中. margin: 0 auto。 1). lineheight 設(shè)置為 當(dāng)前 div 相同的高度, 再通過 verticalalign: middle.( 注意內(nèi)容不要換行.)　　一下是一個網(wǎng)友寫的CSS兼容技巧，值得大家參考。但是隨著CSS標(biāo)準(zhǔn)的進(jìn)一步完善，瀏覽器將最終都會遵循這個標(biāo)準(zhǔn)，到時候?qū)慏IV+CSS布局的頁 面就不那么麻煩了。由于目前IE6不能支持有些標(biāo)準(zhǔn)的CSS， 不窮，要是頁面能夠適應(yīng)盡量多的瀏覽器成為一個課題。/div其中height:2px為你要設(shè)的高度，overflow:hidden最為關(guān)鍵，他就是幫你去掉默認(rèn)高度隨著最新CSS的不斷完善，越來越多的網(wǎng)站采用DIV+CSS布局。 background:red。, , {xxx:xxxx}的方式方便的整理出你要兼容的地方，而統(tǒng)一兼容。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點或者數(shù)字等目錄類型的標(biāo)記，因為IE和 Firefox顯示出來默認(rèn)效果有些不一樣。 具體嵌套寫法 遵循上面得嵌套方式，divulli/li/ul/div 然后在CSS 里面告訴 ul {Margin:0pxadding:0px。當(dāng)你符合這樣的規(guī)則的時候，那些倒霉的，不聽話的間隙就不會在里面出現(xiàn)了，當(dāng)你僅僅是div里面放li，而不 用ul的時候，你會發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。就是divulli的三角關(guān)系。不要你認(rèn)為發(fā)現(xiàn)了兼容的辦法，你就掌握了一切，我們并不是兼容的奴隸。把需要兼容的地方單獨(dú)放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被兼容的樣式，這樣不僅使用起來 非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用兼容，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括兼容都寫到一個 CSS文件的時候的時候會很隨意，想怎么兼容就怎么兼容，而你獨(dú)立出來寫的時候，你就會不自覺的考慮是否有必要兼容，是先兼容 CSS？還是先把主CSS里面的東西調(diào)整到盡可能的不需要兼容？當(dāng)你僅用很少的兼容就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知道怎么選 擇了吧～～呵呵 IE的if條件兼容 自己可以靈活使用參看這篇IE條件注釋 Only IE 所有的IE可識別 Only IE + 僅IE6可識別 Only IE 7/ Only IE 7/ 僅IE7可識別 Css 當(dāng)中有許多的東西不不按照某些規(guī)律來的話，會讓你很心煩，雖然你可以通過很多的兼容，很多的!important 來控制它，但是你會發(fā)現(xiàn)長此以往你會很不甘心，看看許多優(yōu)秀的網(wǎng)站，他們的CSS讓IE6,Ie7,Firefox,甚至Safari,Opera運(yùn)行起 來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的兼容 少得可憐。} }/* */ IE5/MAC的過濾器，一般用不著 /**//*/ import 。/* */}} import ’’。這些過濾器有的是寫在 CSS中通過過濾器導(dǎo)入特別的樣式，也有的是寫在HTML中的通過條件來鏈接或是導(dǎo)入需要的補(bǔ)丁樣式。 只有Opera識別 media all and (minwidth: 0px){ select {……} } 針對Opera瀏覽器做單獨(dú)的設(shè)定。 } 這個是在越出長度后會自行的截掉多出部分的文字，并以省略號結(jié)尾，很好的一個技術(shù)。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點或者數(shù)字等目錄類型的標(biāo)記，因為IE和 Firefox顯示出來默認(rèn)效果有些不一樣。 具體嵌套寫法 遵循上面得嵌套方式，divulli/li/ul/div 然后在CSS 里面告訴 ul {Margin:0pxadding:0px。當(dāng)你符合這樣的規(guī)則的時候，那些倒霉的，不聽話的間隙就不會在里面出現(xiàn)了，當(dāng)你僅僅是div里面放li，而不 用ul的時候，你會發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。就是divulli的三角關(guān)系。不要你認(rèn)為發(fā)現(xiàn)了兼容的辦法，你就掌握了一切，我們并不是兼容的奴隸。把需要兼容的地方單獨(dú)放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被兼容的樣式，這樣不僅使用起來 非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用兼容，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括兼容都寫到一個 CSS文件的時候的時候會很隨意，想怎么兼容就怎么兼容，而你獨(dú)立出來寫的時候，你就會不自覺的考慮是否有必要兼容，是先兼容 CSS？還是先把主CSS里面的東西調(diào)整到盡可能的不需要兼容？當(dāng)你僅用很少的兼容就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知道怎么選 擇了吧～～呵呵 IE的if條件兼容 自己可以靈活使用參看這篇IE條件注釋 Only IE 所有的IE可識別 Only IE + 僅IE6可識別 Only IE 7/ Only IE 7/ 僅IE7可識別 Css 當(dāng)中有許多的東西不不按照某些規(guī)律來的話，會讓你很心煩，雖然你可以通過很多的兼容，很多的!important 來控制它，但是你會發(fā)現(xiàn)長此以往你會很不甘心，看看許多優(yōu)秀的網(wǎng)站，他們的CSS讓IE6,Ie7,Firefox,甚至Safari,Opera運(yùn)行起 來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的兼容 少得可憐。} }/* */ IE5/MAC的過濾器，一般用不著 /**//*/ import 。/* */}} import ’’。這些過濾器有的是寫在 CSS中通過過濾器導(dǎo)入特別的樣式，也有的是寫在HTML中的通過條件來鏈接或是導(dǎo)入需要的補(bǔ)丁樣式。 只有Opera識別 media all and (minwidth: 0px){ select {……} } 針對Opera瀏覽器做單獨(dú)的設(shè)定。 } 這個是在越出長度后會自行的截掉多出部分的文字，并以省略號結(jié)尾，很好的一個技術(shù)。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點或者數(shù)字等目錄類型的標(biāo)記，因為IE和 Firefox顯示出來默認(rèn)效果有些不一樣。 具體嵌套寫法 遵循上面得嵌套方式，divulli/li/ul/div 然后在CSS 里面告訴 ul {Margin:0pxadding:0px。當(dāng)你符合這樣的規(guī)則的時候，那些倒霉的，不聽話的間隙就不會在里面出現(xiàn)了，當(dāng)你僅僅是div里面放li，而不 用ul的時候，你會發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。就是divulli的三角關(guān)系。不要你認(rèn)為發(fā)現(xiàn)了兼容的辦法，你就掌握了一切，我們并不是兼容的奴隸。把需要兼容的地方單獨(dú)放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被兼容的樣式，這樣不僅使用起來 非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用兼容，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括兼容都寫到一個 CSS文件的時候的時候會很隨意，想怎么兼容就怎么兼容，而你獨(dú)立出來寫的時候，你就會不自覺的考慮是否有必要兼容，是先兼容 CSS？還是先把主CSS里面的東西調(diào)整到盡可能的不需要兼容？當(dāng)你僅用很少的兼容就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知道怎么選 擇了吧～～呵呵 IE的if條件兼容 自己可以靈活使用參看這篇IE條件注釋 Only IE 所有的IE可識別 Only IE + 僅IE6可識別 Only IE 7/ Only IE 7/ 僅IE7可識別 Css 當(dāng)中有許多的東西不不按照某些規(guī)律來的話，會讓你很心煩，雖然你可以通過很多的兼容，很多的!important 來控制它，但是你會發(fā)現(xiàn)長此以往你會很不甘心，看看許多優(yōu)秀的網(wǎng)站，他們的CSS讓IE6,Ie7,Firefox,甚至Safari,Opera運(yùn)行起來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的兼容 少得可憐。} }/* */ IE5/MAC的過濾器，一般用不著 /**//*/ import 。/* */}} import ’’。這些過濾器有的是寫在 CSS中通過過濾器導(dǎo)入特別的樣式，也有的是寫在HTML中的通過條件來鏈接或是導(dǎo)入需要的補(bǔ)丁樣式。 只有Opera識別 media all and (minwidth: 0px){ select {……} } 針對Opera瀏覽器做單獨(dú)的設(shè)定。 } 這個是在越出長度后會自行的截掉多出部分的文字，并以省略號結(jié)尾，很好的一個技術(shù)。 textoverflow:ellipsis。} 在Firefox中，當(dāng)子級都為浮動時，那么父級的高度就無法完全的包住整個子級，那么這時用這個清除浮動的兼容來對父級做一次定義，那么就可以解決這個問題 。 clear:both。 display:block。這點要明確。 width:正確寬度。 voicefamily :}。} 這一句是在上一句中去掉了屬性區(qū)的注釋。} 這里與上面一句不同的是在選擇符與花括號之間多了一個CSS注釋。} 這里主要是通過CSS注釋分開一個屬性與值，流釋在冒號前。 html/**/ body select {……} 這句與上一句的作用相同。 IE6及IE6以下識別 * html {…} 。第二句是MAC上safari瀏覽器獨(dú)有的。} /*FF,OP可見*/ select:empty {font:12px !important。}或者為DIV加上border屬性。 } 解決方法：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px。marginbottom: 20px。例： div id=”box” pp對象中的內(nèi)容/p /div CSS： box {backgroundcolor:eee。頁面結(jié)構(gòu)盡量簡單。 有些內(nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。 } *html left{ marginright:3px。 width:50%。 width:800px。nbp。 visibility: hidden。 height: 0。這種的最麻煩的 ……box:after{ content: “.”。 //將對象作為塊元素級的表格顯示 } 或者 .兼容box{ clear:both。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。 width:expression( 600? “600px”: “auto” )。但I(xiàn)E不認(rèn)得這個，而它實際上把 width當(dāng)做最小寬度來使。 minheight: 35px。 height: auto。 height: 35px。比如要設(shè)置背景圖片，這個寬度是比較重 要的。 5 IE與寬度和高度的問題 IE不認(rèn)得min這個定義，但實際上它把正常的width和height當(dāng)作有min的情況來使。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline。Inline元素的特點是:和其他元素在同一行上,…不可控制(內(nèi)嵌元素)。 //這種情況之下IE會產(chǎn)生200px的距離 display:inline。 width:100px。 //for ff+ width /**/:500px。 //for w\idth:500px。 就可以了。 ” 需要說明的是，如果你想用這個方法使整個頁面要居中，建議不要套在一個DIV里，你可以依次拆出多個div，只要在每個拆出的div里定義MARGINRIGHT: auto。解決辦法就是在子元素定義時候設(shè)定時再加上“MARGINRIGHT: auto。這個的意思就是在父級元素內(nèi)的內(nèi)容居中；對于IE這樣設(shè)定就已經(jīng)可以了。 MARGINLEFT: auto。 2 css布局中的居中問題 主要的樣式定義如下： body {TEXTALIGN: center。 } /* IE6 */ *+html 1 { color: 999。 1 針對firefox ie6 ie7的css樣式 現(xiàn)在大部分都是用!important來兼容，對于ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解釋，會導(dǎo)致頁面 沒按要求顯示！找到一個針對IE7不錯的兼容方式就是使用“*+html”，現(xiàn)在用IE7瀏覽一下，應(yīng)該沒有問題了現(xiàn)在寫一個CSS可以這樣： 1 { color: 333。 在IE7下，第三個屬性IE7不認(rèn)識，所以它讀第2個屬性，又因為第二個屬性覆蓋了第一個屬性，所以IE7最終讀出的是第2個屬性 *height:120px。 _height:150px。 介紹