div+css布局必了解的列表元素ul ol li dl dt dd詳解
更新時(shí)間：2008年04月20日 22:36:01 作者：
dt 和dd中可以再加入 ol ul li和p，理解這些以后，在使用div布局的時(shí)候，會(huì)方便很多，其實(shí)w3c提供了很多元素輔助布局都是有它的用處的，而不盡是div。
塊級(jí)元素div盡量少用，其實(shí)和table一樣，嵌套越少越好，它也是會(huì)影響速度的！
ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表現(xiàn)為：
1……
2……
3……
ul 無(wú)序列表，表現(xiàn)為li前面是大圓點(diǎn)而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
多人容易忽略 dl dt dd的用法
dl 內(nèi)容塊
dt 內(nèi)容塊的標(biāo)題
dd 內(nèi)容
以這么寫：
<dl>
<dt>標(biāo)題</dt>
<dd>內(nèi)容1</dd>
<dd>內(nèi)容2</dd>
</dl>
ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表現(xiàn)為：
1……
2……
3……
ul 無(wú)序列表，表現(xiàn)為li前面是大圓點(diǎn)而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
多人容易忽略 dl dt dd的用法
dl 內(nèi)容塊
dt 內(nèi)容塊的標(biāo)題
dd 內(nèi)容
以這么寫：
<dl>
<dt>標(biāo)題</dt>
<dd>內(nèi)容1</dd>
<dd>內(nèi)容2</dd>
</dl>
相關(guān)文章
比較漂亮的一個(gè)導(dǎo)航條的效果DIV+CSS...2007-03-03
XHTML下css+div布局總結(jié) 超強(qiáng)推薦
XHTML下css+div布局總結(jié) 超強(qiáng)推薦...2006-12-12
讓用戶自己控制網(wǎng)頁(yè)字體的大小的css書寫方法
讓用戶自己控制網(wǎng)頁(yè)字體的大小的css書寫方法...2007-09-09
CSS標(biāo)簽切換代碼實(shí)例教程 比較漂亮...2007-09-09
css通配符的意義說明，學(xué)習(xí)css的朋友，會(huì)經(jīng)常用的著2008-10-10
最近對(duì)H1的討論很多（在文章內(nèi)容頁(yè)中），大致有以下兩種情況： H1應(yīng)該用于文章的標(biāo)題上 H1應(yīng)該用于站點(diǎn)的標(biāo)題上2008-04-04
css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來(lái)CSS HACK2008-11-11
最近很少寫CSS了，以后也可能寫的會(huì)很少了，所以還是想把自已的一些經(jīng)驗(yàn)?zāi)芎痛蠹曳窒硪幌?，希望能給大家一些幫助！2008-09-09
創(chuàng)建IE各版本專屬CSS IE中的if語(yǔ)句
創(chuàng)建IE各版本專屬CSS IE中的if語(yǔ)句...2007-09-09
IE Bug--浮動(dòng)對(duì)象外補(bǔ)丁的雙倍距離的解決方法
IE Bug--浮動(dòng)對(duì)象外補(bǔ)丁的雙倍距離的解決方法...2007-01-01