div+css布局必了解的列表元素ul ol li dl dt dd詳解
更新時(shí)間：2008年04月20日 22:36:01 作者：
dt 和dd中可以再加入 ol ul li和p，理解這些以后，在使用div布局的時(shí)候，會方便很多，其實(shí)w3c提供了很多元素輔助布局都是有它的用處的，而不盡是div。
塊級元素div盡量少用，其實(shí)和table一樣，嵌套越少越好，它也是會影響速度的！
ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表現(xiàn)為：
1……
2……
3……
ul 無序列表，表現(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 無序列表，表現(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)文章
常用CSS集合...2007-02-02
區(qū)分IE6，IE7，firefox的CSS hack
經(jīng)常網(wǎng)頁布局需要兼職多瀏覽器，所以下面的css hack可以用，但最好少用，不得不用才用2008-04-04
[綠色]解讀absolute與relative...2006-11-11
css條件注釋理論及實(shí)踐源文件...2007-03-03
解決IE5/IE5.5/IE6/FF的兼容性問題——CSS...2007-05-05
【已解決】標(biāo)簽頁刷新問題...2006-12-12
首先，我們不得不承認(rèn)IE7以前的IE系列瀏覽器對web標(biāo)準(zhǔn)支持的真的很差。IE6的詭異解析模式讓一些開始學(xué)習(xí)web標(biāo)準(zhǔn)的朋友老是碰到不能理解的問題。特別是這個(gè)IE6向IE7過渡的是非年代。2008-09-09
用CSS給圖片打標(biāo)的代碼...2007-08-08
前端項(xiàng)目的性能優(yōu)化是一個(gè)綜合性的問題,需要從多個(gè)方面入手,以下是幾大類的優(yōu)化方案：移動端、圖片、JavaScript、css、html、頁面內(nèi)容、服務(wù)器、cookie2023-11-11
使用div+css（姑且這樣叫，雖然我也不喜歡，但是叫什么呢？）布局的好處不用多說，經(jīng)常性地會使用到float，那么清除浮動就是必須要做的，而且隨時(shí)性地對父級元素清除浮動的做法也被認(rèn)為是書寫CSS的良好習(xí)慣之一。2008-03-03