【正文】 DIV與瀏覽器的兼容IEIEFF 與兼容性有關(guān)的特性CSS HACK代碼:所有瀏覽器 通用height: 100px。 　　Float是CSS布局非常強(qiáng)大的布局功能。自適應(yīng)的布局能夠根據(jù)瀏覽器窗口的大小，自動(dòng)改變其寬度或高度值，是一種非常靈活的布局形式。 　　三、CSS入門的幾個(gè)誤區(qū) 　?。ㄒ唬┎灰脗鹘y(tǒng)的表格思維來嵌套DIV。 color: blue}　　p {font: 10pt/12pt Arial。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。當(dāng)時(shí)W3C剛剛建立，W3C對CSS的發(fā)展很感興趣，它為此組織了一次討論會(huì)。1996年12月CSS要求的第一版本被出版。 畢業(yè)論文（設(shè)計(jì)）　　　　　　　　　　　　　　重慶信息技術(shù)職業(yè)學(xué)院校園網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)摘要從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現(xiàn)了，不同的瀏覽器結(jié)合了它們各自的樣式語言，讀者可以使用這些樣式語言來調(diào)節(jié)網(wǎng)頁的顯示方式。1996年底，CSS已經(jīng)完成。哈坤于1994年在芝加哥的一次會(huì)議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個(gè)建議。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。 fontweight: bold。 　　DIV在使用時(shí)不再需要像表格一樣通過單元格來組織版式，通過CSS強(qiáng)大的樣式定義功能可以比表格更簡單更自由地來控制頁面版式和樣式。自適應(yīng)布局是網(wǎng)頁設(shè)計(jì)中常見的布局形式。該屬性用來控制對象浮動(dòng)布局方式。將中間欄設(shè)置margin屬性中l(wèi)eft和right設(shè)置104px（該參數(shù)根據(jù)左右欄的寬度設(shè)置，只要略大于左右欄寬度即可），用于實(shí)現(xiàn)兩邊自適應(yīng)寬度。}.clearfix {display:inlineblock。暫時(shí)還沒找到IE7專用的HACK。2 css布局中的居中問題主要的樣式定義如下：body {TEXTALIGN: center。 width:100px。 minheight: 35px。width:800px。}或者為DIV加上border屬性。 voicefamily :}。只是目前Firefox并不支持。當(dāng)你符合這樣的規(guī)則的時(shí)候，那些倒霉的，不聽話的間隙就不會(huì)在里面出現(xiàn)了，當(dāng)你僅僅是div里面放li，而不用ul的時(shí)候，你會(huì)發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會(huì)憑空多一些間距。如果您遇到浮動(dòng)元素延伸到外圍容器的邊框或者其他不正常情況，請先確定您的做法是正確的。就像我們平時(shí)所說的漢語、英語一樣。import url(/css/)的形式鏈接全局樣式，這樣就使代碼達(dá)到很好的重用性。第二節(jié) 操作一． HTML代碼部分(1) 歡迎頁代碼如下：!DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns=headmeta equiv=ContentType content=text/html。 [j++].src=a[i]。!xamp。 =a[i+2]。39。Image439。images/39。 i。i++) x=[i][n]。i+=3) if ((x=MM_findObj(a[i]))!=null){[j++]=x。 } body{ width:900px。 height:470px。 float:left。 margin:0 auto。 margintop:20px。 display:inlineblock。 } navigation{ width:698px。所得收獲：論文是闡述CSS+DIV在網(wǎng)頁的布局中的優(yōu)越性，在對基礎(chǔ)知識有一定了解的基礎(chǔ)上來進(jìn)而對CSS+DIV這種當(dāng)今流行的網(wǎng)頁布局進(jìn)行學(xué)習(xí)，在這個(gè)過長中，就我本身來時(shí)學(xué)習(xí)到了很多知識，不僅對CSS+DIV的基礎(chǔ)知識有了更深的理解而且對CSS對網(wǎng)站的開發(fā)過程中的遇到的困難有了一定的解決能力，更對這種先進(jìn)的知識有了更深的理解，所以在這篇論文的寫作過程中，自己受益匪淺。 textalign:center。 float:left。 border:1px 333 solid。 } (2) 首頁CSS代碼如下：charset utf8。 height:470px。 margin:0 auto。二． CSS代碼部分(1)歡迎頁CSS代碼：charset utf8。}function MM_swapImage() { // var i,j=0,x,a=。 for (i=0。}function MM_preloadImages() { // var d=document。Image639。39。images/39。 for(i=0。amp。 var i,j=,a=。二． 運(yùn)用PHOTOSHOP對網(wǎng)站背景以及相關(guān)圖片的處理。p style=fontsize:18px?！　“?、只要不是零的值，都要指定單位第二章詳述CSS+DIV網(wǎng)頁布局第一節(jié) HTML CSS基礎(chǔ)知識文檔類型 語言編碼 html標(biāo)簽 css樣式 css優(yōu)先級 css盒模型組成 1）文檔類型當(dāng)我們用dreamweaver新建一下html格式文檔時(shí)，查看源代碼，會(huì)發(fā)現(xiàn)代碼最上部有如下這句話：!DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN 這句話標(biāo)明本文檔是過渡類型，另外還有框架和嚴(yán)格類型，目前一般都采用過渡類型，因?yàn)闉g覽器對XHTML的解析比較寬松，但必須符合XHTML的語法?！　∫?、若有疑問立即檢測　　在出錯(cuò)時(shí)若能對原始代碼做簡單檢測可以省去很多頭痛問題。不要你認(rèn)為發(fā)現(xiàn)了hack的辦法，你就掌握了一切，我們并不是Hack的奴隸。 textoverflow:ellipsis。}這里與上面一句不同的是在選擇符與花括號之間多了一個(gè)CSS注釋。marginbottom: 20px。height: 0。 height: 35px。//for w\idth:500px。1 針對firefox ie6 ie7的css樣式現(xiàn)在大部分都是用!important來hack，對于ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解釋，會(huì)導(dǎo)致頁面沒按要求顯示！找到一個(gè)針對IE7不錯(cuò)的hack方式就是使用“*+html”，現(xiàn)在用IE7瀏覽一下，應(yīng)該沒有問題了現(xiàn)在寫一個(gè)CSS可以這樣：1 { color: 333。}什么是瀏覽器HACK：當(dāng)我們使用不同的瀏覽器（Firefox IE7 IE6）訪問同一個(gè)網(wǎng)站，或者頁面的時(shí)候，會(huì)出現(xiàn)一些不兼容的問題，有的顯示出來正常，有的顯示出來不正常，我們在編寫CSS的時(shí)候會(huì)很惱火，剛修復(fù)了這個(gè)瀏覽器的問題，結(jié)果另外一個(gè)瀏覽器卻出了新問題。display:block。如果要求左欄和右欄固定寬度，中間欄需要在左欄和右欄中間，并根據(jù)左右欄的寬度自動(dòng)調(diào)整間距。如果將左右邊距設(shè)置為auto，瀏覽器就會(huì)將DIV左右邊距設(shè)置為相同，從而實(shí)現(xiàn)居中效果。 　　四、CSS網(wǎng)頁布局分類 　　1．一列固定寬度。DIV可以理解為層或者是塊。 color: blue} 　　p {font: 10pt/12pt Arial。 提高頁面瀏覽速度 對于同一個(gè)頁面視覺效果，采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多，前者一般只有后者的1/2大小。波斯（Bert Bos）當(dāng)時(shí)正在設(shè)計(jì)一個(gè)叫做Argo的瀏覽器，他們決定一起合作設(shè)計(jì)CSS。哈坤于1994年在芝加哥的一次會(huì)議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個(gè)建議。1994年哈坤到2007年為止，第三版還未完備關(guān)鍵詞 css，div，css+div，發(fā)展，應(yīng)用，css+div發(fā)展 目錄第一章 概述 CSS+DIV 1第一節(jié) DSS發(fā)展歷史 1第二節(jié) DIV+CSS布局的優(yōu)缺點(diǎn) 2第三節(jié) DIV+CSS與瀏覽器的兼容 2第四節(jié) 個(gè)人總結(jié)的關(guān)于CSS+DIV的八條學(xué)習(xí)方法 2第二章 詳述CSS+DIV網(wǎng)頁布局 2第一節(jié) HTML基礎(chǔ)知識 2第二節(jié) CSS 基礎(chǔ)知識 2第三章CSS+DIV應(yīng)用（css布局網(wǎng)站） 2第一節(jié) 準(zhǔn)備 2第二節(jié) 操作 2結(jié)束語 3謝辭 4參考文獻(xiàn) 5第一章 概述CSS+DIV第一節(jié) CSS發(fā)展歷史CSS歷史從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現(xiàn)了，不同的瀏覽器結(jié)合了它們各自的樣式語言，讀者可以使用這些樣式語言來調(diào)節(jié)網(wǎng)頁的顯示方式。1996年12月CSS要求的第一版本被出版。 定義方式請參閱樣式表語法。由于表格元素中可以顯示表格的邊框?yàn)?，即不顯示邊框，因此可以在網(wǎng)頁中的各個(gè)元素按版式劃分放入表格的各個(gè)單元格中，從而實(shí)現(xiàn)復(fù)雜的排版組合。使用CSS布局，內(nèi)容僅僅是一次羅列下來，只有結(jié)構(gòu)，沒有任何的樣式。 　　CSS的大部分?jǐn)?shù)值作為參數(shù)的樣式屬性都提供百分比值。 　　Float屬性有三個(gè)值，none表示對象不浮動(dòng)。IEFF 共用height: 100px !important（優(yōu)先級）。/* FF */.submitbutton {float:left。第三個(gè)HACK IE6 IE7公用*height:100px。但在mozilla中不能居中。box{ display:block。}第一個(gè)minwidth是正常的；但第2行的width使用了Javascript，這只有IE才認(rèn)得，這也會(huì)讓你的HTML文檔不太正規(guī)。//這句是關(guān)鍵}HTML代碼DIV id=boxDIV id=left/DIVDIV id=right/DIV/DIV9 屬性選擇器(這個(gè)不能算是兼容,是隱藏css的一個(gè)bug)p[id]{}div[id]{}p[id]{}div[id]{},FF和OPera作用屬性選擇器和子選擇器還是有區(qū)別的,子選擇器的范圍從形式來說縮小了,屬性選擇器的范圍比較大,如p[id]中,所有p標(biāo)簽中有id的都是同樣式的.10 IE捉迷藏的問題當(dāng)div應(yīng)用復(fù)雜的時(shí)候每個(gè)欄中又有一些鏈接，DIV等這個(gè)時(shí)候容易發(fā)生捉迷藏的問題。僅IE7識別*+html {…}當(dāng)面臨需要只針對IE7做樣式的時(shí)候就可以采用這個(gè)HACK。清除浮動(dòng)select:after {content:.。/* */}} import 39。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點(diǎn)或者數(shù)字等目錄類型的標(biāo)記，因?yàn)镮E和Firefox顯示出來默認(rèn)效果有些不一樣?！　∥?、不要依賴minwidth/minheight　　Windows版IE并不支援兩種語法。成對的標(biāo)簽：head{...}/headbody{...}/bodydiv{...}/divspan{...}/spanp{...}/p......單一的標(biāo)簽：img src= /br /.......還需說明一點(diǎn)的是按xhtml規(guī)范，標(biāo)簽必須用小寫。傳統(tǒng)的表格排版是通過大小不一的表格和表格嵌套來定位排版網(wǎng)頁內(nèi)容，改用CSS排版后，就是通過由CSS定義的大小不一的盒子和盒子嵌套來編排網(wǎng)頁。iamp。) { d=[(p+1)].document。i++) x=MM_findObj(n,[i].document)。,39。,39。,1)img