【正文】 :left。解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。overflow:hidden。其它瀏覽器不識別。只有IE5不識別盒模型解決方法selct {width:。 height:0。 }這個(gè)是在越出長度后會自行的截掉多出部分的文字，并以省略號結(jié)尾，很好的一個(gè)技術(shù)。 /*。我的經(jīng)驗(yàn)就是div在最外面，里面是ul，然后再是li，當(dāng)然li里面又可以嵌套div什么的，但是并不建議你嵌套很多東西。, , {xxx:xxxx}的方式方便的整理出你要hack的地方，而統(tǒng)一Hack?！　《⑹褂酶?dòng)功能時(shí)記得適當(dāng)清除指令　　浮動(dòng)是個(gè)危險(xiǎn)的功能，未必會產(chǎn)生您所期望的結(jié)果?！　×?、若有疑問，先減少百分比　　有時(shí)候某些錯(cuò)誤會使50%+50%%，使網(wǎng)頁出現(xiàn)問題。 charset=gb2312 /它標(biāo)示文檔的語言編碼。它的好處是不但本頁可以調(diào)用，其它頁面也可以調(diào)用，是最常用的一種形式。鏈接樣式是以import url標(biāo)記所鏈接的外部樣式表，它一般常用在另一個(gè)樣式表內(nèi)部。那么它為什么叫盒子呢？先說說我們在網(wǎng)頁設(shè)計(jì)中常聽的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)， CSS盒子模式都具備這些屬性。五． 對網(wǎng)站的主題，布局的大概的構(gòu)想。(x=a[i])amp。 i++) if (a[i].indexOf()!=0){ [j]=new Image。} if(!(x=d[n])amp。 for(i=0。amp。 if(!) =。,39。,39。,39。,1)img src=images/ name=Image3 width=100 height=469 border=0 id=Image3 //a/div div id=ap5a href= onmouseout=MM_swapImgRestore() onmouseover=MM_swapImage(39。,39。,39。iamp。 for(i=0。) { d=[(p+1)].document。i。i++) x=MM_findObj(n,[i].document)。i()。,39。 }img{ width:100%。 } center{ width:700px。 }ap2{ width:100px。 float:left。 height:470px。 height:50px。 }body{ width:900px。 } center{ width:700px。 marginbottom:10px。 textalign:center。}main ul li a{ color:000。 } banner{ width:138px。 lineheight:35px。 height:766px。 參考文獻(xiàn)　參考文獻(xiàn)： 　　[1]謝君英，CSS與Dreamweaver CS3完美網(wǎng)頁設(shè)計(jì)，北京：人民郵電出版社，. 　　[2]王海濤，CSS權(quán)威教程（第3版），北京：清華大學(xué)出版社，.。 clear:both。 width:138px。 color:333。 } main ul { width:93px。 }main ul{ width:548px。 background:url(../images/)。 borderleft:1px 333 solid。/* CSS Document */*{ margin:0px。 margintop:100px。 float:left。 } ap4{ width:100px。 margintop:130px。 borderleft:1px 333 solid。/* CSS Document */*{ padding:0px。)div id=left/divdiv id=center div id=head /div div id=banner p主頁a href= onmouseout=MM_swapImgRestore() onmouseover=MM_swapImage(39。 =new Array。amp。!xamp。 if((p=(?))0amp。 if(){ if(!) =new Array()。aamp。,39。,1)img src=images/ name=Image4 width=100 height=469 border=0 id=Image4 //a/div div id=ap6a href= onmouseout=MM_swapImgRestore() onmouseover=MM_swapImage(39。,39。,39。)div id=left/div div id=center div id=ap1 div id=ap2 a href=onmouseout=MM_swapImgRestore() onmouseover=MM_swapImage(39。,39。i()。i++) x=MM_findObj(n,[i].document)。i。) { d=[(p+1)].document。 for(i=0。iamp。三． 運(yùn)用FLASH對網(wǎng)站相關(guān)位置的圖片處理。傳統(tǒng)的表格排版是通過大小不一的表格和表格嵌套來定位排版網(wǎng)頁內(nèi)容，改用CSS排版后，就是通過由CSS定義的大小不一的盒子和盒子嵌套來編排網(wǎng)頁。內(nèi)部樣式/p這種在標(biāo)簽內(nèi)以style標(biāo)記的為行內(nèi)樣式，行內(nèi)樣式只針對標(biāo)簽內(nèi)的元素有效，因其沒有和內(nèi)容相分離，所以不建議使用。成對的標(biāo)簽：head{...}/headbody{...}/bodydiv{...}/divspan{...}/spanp{...}/p......單一的標(biāo)簽：img src= /br /.......還需說明一點(diǎn)的是按xhtml規(guī)范，標(biāo)簽必須用小寫。許多朋友在制作頁面時(shí)，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話，刪除它后可能引起某些樣式表失效或其它意想不到的問題?！　∥濉⒉灰蕾噈inwidth/minheight　　Windows版IE并不支援兩種語法。W3C對于XHTML與CSS 都有檢測工具可用，請見 。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點(diǎn)或者數(shù)字等目錄類型的標(biāo)記，因?yàn)镮E和Firefox顯示出來默認(rèn)效果有些不一樣。div ul li 的嵌套順序今天只講一個(gè)規(guī)則。/* */}} import 39。 whitespace:nowrap。清除浮動(dòng)select:after {content:.。僅IE5不識別select/*IE5不識別*/ { display:none。僅IE7識別*+html {…}當(dāng)面臨需要只針對IE7做樣式的時(shí)候就可以采用這個(gè)HACK。 textalign:center。//這句是關(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ā)生捉迷藏的問題。clear: both。}第一個(gè)minwidth是正常的；但第2行的width使用了Javascript，這只有IE才認(rèn)得，這也會讓你的HTML文檔不太正規(guī)。}htmlbody box{ width: auto。box{ display:block。//for ff+}box{width:600px!important//for ffwidth:600px。但在mozilla中不能居中。 } /* Moz */* html 1 { color: 666。第三個(gè)HACK IE6 IE7公用*height:100px。而HACK就是一種辦法，能讓你在一個(gè)CSS里面獨(dú)立的寫支持不同瀏覽器的樣式。/* FF */.submitbutton {float:left。height:0。IEFF 共用height: 100px !important（優(yōu)先級）。需要實(shí)現(xiàn)這樣的布局，就需要使用position屬性來定位。 　　Float屬性有三個(gè)值，none表示對象不浮動(dòng)。 　　4．兩列固定寬度。 　　CSS的大部分?jǐn)?shù)值作為參數(shù)的樣式屬性都提供百分比值。一列布局是所有布局的基礎(chǔ)，也是最簡單的布局形式，即一種固定寬度的布局樣式。使用CSS布局，內(nèi)容僅僅是一次羅列下來，只有結(jié)構(gòu)，沒有任何的樣式。DIV是一種比表格簡單的元素，從語法上只有 這樣簡單的定義。由于表格元素中可以顯示表格的邊框?yàn)?，即不顯示邊框，因此可以在網(wǎng)頁中的各個(gè)元素按版式劃分放入表格的各個(gè)單元格中，從而實(shí)現(xiàn)復(fù)雜的排版組合。 color: black} 　　 　　/style 　　/head 　　body html　　head　　title文檔標(biāo)題/title　　style type=text/css　　!　　body {font: 10pt Arial}　　h1 {font: 15pt/17pt Arial。 定義方式請參閱樣式表語法。瀏覽器就不用去編譯大量冗長的標(biāo)簽。1996年12月CSS要求的第一版本被出版。當(dāng)時(shí)已經(jīng)有過一些樣式表語言的建議了，但CSS是第一個(gè)含有“層疊”的主意的。到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)頁的顯示方式。當(dāng)時(shí)W3C剛剛建立，W3C對CSS的發(fā)展很感興趣，它為此組織了一次討論會。1994年哈坤隨著這些功能的增加外來定義樣式的語言越來越?jīng)]有意義了。哈坤于1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這