第三章 CSS網(wǎng)頁(yè)布局與定位

3.1 div

幾乎XHTML中的任何標(biāo)簽都可以用于浮動(dòng)與定位，而div首當(dāng)其沖。對(duì)于其他標(biāo)簽而言，往往有它自身存在的目的，而div元素存在的目的就是為了浮動(dòng)與定位。

3.1.1 div是什么

div是XHTML中制定的、專門(mén)用于布局設(shè)計(jì)的容器對(duì)象。在傳統(tǒng)表格式布局中，之所以能夠進(jìn)行頁(yè)面的排版布局設(shè)計(jì)，完全依賴于表格對(duì)象table。如今，接觸另一種布局方式——CSS布局。div正是這種布局方式的核心對(duì)象。僅從div的使用上說(shuō)，做一個(gè)簡(jiǎn)單的布局只需要依賴兩樣?xùn)|西：div與CSS。因此有人稱CSS布局為div+css布局。

3.1.2 如何使用div

只需要應(yīng)用<div></div>標(biāo)簽，將內(nèi)容放置其中，便可以應(yīng)用div標(biāo)簽。但是，div標(biāo)簽之聲一個(gè)標(biāo)識(shí)，作用是把內(nèi)容標(biāo)識(shí)成一個(gè)塊區(qū)域，并不負(fù)責(zé)其他事情。

div標(biāo)簽中除了直接放入文本外，也可以放入其他標(biāo)簽，還可以多個(gè)div進(jìn)行嵌套使用，最終目的是合理地標(biāo)識(shí)出內(nèi)容區(qū)域。

在使用div標(biāo)簽時(shí)，可以加入一些屬性，比如id、class、align、style等。在CSS布局方法，為了實(shí)現(xiàn)內(nèi)容與表現(xiàn)的分離，不應(yīng)當(dāng)將align、style兩個(gè)屬性編寫(xiě)在XHTML頁(yè)面的div標(biāo)簽中，因此，最終的div代碼只能擁有以下兩種形式：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表