前端相關divcss難點之經驗總結_第1頁
前端相關divcss難點之經驗總結_第2頁
前端相關divcss難點之經驗總結_第3頁
免費預覽已結束,剩余4頁可下載查看

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、新手學習DIV+CSS1需要設置兩個地方,一個是body,一個是外邊框div2在DIV3在中加入新手學習DIV+CSS1需要設置兩個地方,一個是body,一個是外邊框div2在DIV3在中加入4如果在同一行上有幾個DIV只是一個DIV,HTML5、三列結構中的的DIVHTML6、textarea在FireFox可能會遇到這種現象,在IE中可以自動換行,但在FFword-break:break-all;word-warp:warp;HTML5、三列結構中的的DIVHTML6、textarea在FireFox可能會遇到這種現象,在IE中可以自動換行,但在FFword-break:break-all

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

3、現在大部分都是用!important來hack,對于ie6和firefox測試可以正常顯示,但是ie7important可以正確解釋,會導致頁面沒按要求顯示!找到一個針對IE7不錯的hackFirefox, 上網沖浪更愜意。現在寫一個CSS#1 color: #333; /* Moz 附:fireFox IE css1 針對Firefox ie6 IE7的Css現在大部分都是用!important來hack,對于ie6和firefox測試可以正常顯示,但是ie7important可以正確解釋,會導致頁面沒按要求顯示!找到一個針對IE7不錯的hackFirefox, 上網沖浪更愜意。現在寫一個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;這個的意思就是在父級元素內的內容居中;對于但在mozilla“MARGIN-RIGHT: auto;MARGIN-LEFT: auto;

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

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論