前端相關(guān)divcss難點(diǎn)之經(jīng)驗(yàn)總結(jié)

1、新手學(xué)習(xí)DIV+CSS1需要設(shè)置兩個(gè)地方，一個(gè)是body，一個(gè)是外邊框div2在DIV3在中加入新手學(xué)習(xí)DIV+CSS1需要設(shè)置兩個(gè)地方，一個(gè)是body，一個(gè)是外邊框div2在DIV3在中加入4如果在同一行上有幾個(gè)DIV只是一個(gè)DIV，HTML5、三列結(jié)構(gòu)中的的DIVHTML6、textarea在FireFox可能會遇到這種現(xiàn)象，在IE中可以自動(dòng)換行，但在FFword-break:break-all;word-warp:warp;HTML5、三列結(jié)構(gòu)中的的DIVHTML6、textarea在FireFox可能會遇到這種現(xiàn)象，在IE中可以自動(dòng)換行，但在FFword-break:break-all

2、;word-warp:warp;加入到textarea解決方法也很簡單，就是在內(nèi)容中，人為加一些空格，讓FF7、設(shè)置默認(rèn)值是0，8HTMLCSS中，首先清除ul的list-style、margin和然后，可以將li的display屬性設(shè)置了inline或者設(shè)置float為解決方法也很簡單，就是在內(nèi)容中，人為加一些空格，讓FF7、設(shè)置默認(rèn)值是0，8HTMLCSS中，首先清除ul的list-style、margin和然后，可以將li的display屬性設(shè)置了inline或者設(shè)置float為li可能會出現(xiàn)所以我一般用eft附：fireFox IE css1 針對Firefox ie6 IE7的Css

3、現(xiàn)在大部分都是用!important來hack，對于ie6和firefox測試可以正常顯示，但是ie7important可以正確解釋，會導(dǎo)致頁面沒按要求顯示！找到一個(gè)針對IE7不錯(cuò)的hackFirefox， 上網(wǎng)沖浪更愜意?，F(xiàn)在寫一個(gè)CSS#1 color: #333; /* Moz 附：fireFox IE css1 針對Firefox ie6 IE7的Css現(xiàn)在大部分都是用!important來hack，對于ie6和firefox測試可以正常顯示，但是ie7important可以正確解釋，會導(dǎo)致頁面沒按要求顯示！找到一個(gè)針對IE7不錯(cuò)的hackFirefox， 上網(wǎng)沖浪更愜意?，F(xiàn)在寫一個(gè)C

4、SS#1 color: #333; /* Moz 的* html #1 color: #666; /* IE6 *+html #1 color: #999; /* IE7 那么在firefox下字體顏色顯示為#333，IE6下字體顏色顯示為#666，IE7下字體顏色顯示為#9992 cssbody TEXT-ALIGN: #centerMARGIN-RIGHT:auto;MARGIN-LEFT:auto;首先在父級元素定義TEXT-ALIGN: center;這個(gè)的意思就是在父級元素內(nèi)的內(nèi)容居中；對于但在mozilla“MARGIN-RIGHT: auto;MARGIN-LEFT: auto;

5、需明的是，如果你想用這個(gè)方法使整個(gè)頁面要居中，建議不要套在一個(gè)DIV以依次拆出多個(gè)div，只要在每個(gè)拆出的div里定義MARGIN-auto;MARGIN-3/for /forff /for ff+ie6.0 width /*/:500px;4浮動(dòng)iemargin:0 0 0 但在mozilla“MARGIN-RIGHT: auto;MARGIN-LEFT: auto;需明的是，如果你想用這個(gè)方法使整個(gè)頁面要居中，建議不要套在一個(gè)DIV以依次拆出多個(gè)div，只要在每個(gè)拆出的div里定義MARGIN-auto;MARGIN-3/for /forff /for ff+ie6.0 width /*/

6、:500px;4浮動(dòng)iemargin:0 0 0 /這種情況之下IE會產(chǎn)生200px這里細(xì)說一下block,inline兩個(gè)元素,Block邊距都可以控制(塊元素);Inlinedisplay:block;display:inline;5IE ，width: width: height: height: min-width: min-height: 6min-width是個(gè)非常方便的CSS這樣就能保證排版一直正確。但I(xiàn)E不認(rèn)得這個(gè)，而它實(shí)際上把width為了讓這一命令在IE上也能用，可以把一個(gè) 放到 下，然后為div指定一個(gè)類然后CSSmin-width:600px; (ntWidth 600

7、? 600px: auto 第一個(gè)min-width是正常的；但第2行的width使用了javascript，這只有IE這也會讓你的HTML文檔不太正規(guī)。它實(shí)際上通過Javascript7這樣就能保證排版一直正確。但I(xiàn)E不認(rèn)得這個(gè)，而它實(shí)際上把width為了讓這一命令在IE上也能用，可以把一個(gè) 放到 下，然后為div指定一個(gè)類然后CSSmin-width:600px; (ntWidth 600? 600px: auto 第一個(gè)min-width是正常的；但第2行的width使用了javascript，這只有IE這也會讓你的HTML文檔不太正規(guī)。它實(shí)際上通過Javascript7或者加入:aft

8、er（偽對象）,設(shè)置在對象后發(fā)生的內(nèi)容，通常和contentIE不支持此偽對象，非Ie 瀏覽器支持，所以并不影響到IE/WINcontent: .; display: block; height: 0; clear: both;visibility: 8DIV浮動(dòng)IE文本產(chǎn)生3象素的左邊對象浮動(dòng)，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px*html margin-right:-HTMLDIV DIV DIV 9 屬性選擇器(這個(gè)不能算是兼容,是隱藏css的一個(gè)這個(gè)對于IE6.0和IE6.0以下的版本都隱藏,FF和OPera中,所有中有idIE當(dāng)div，DIV。解決辦法：對#layout使用line-height屬性 或者給#layoutHTMLDIV DIV DIV 9 屬性選擇器(這個(gè)不能算是兼容,是隱藏css的一個(gè)這個(gè)對于IE6.0和IE6.0以下的版本都隱藏,FF和OPera中,所有中有idIE當(dāng)div，DIV。解決辦法：對#layout使用line-height屬性 或者給#layoutmargin 或paddigndiv p對象中的內(nèi)容#box backgrou