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 無序列表,表現(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)文章
XHTML下css+div布局總結(jié) 超強(qiáng)推薦
XHTML下css+div布局總結(jié) 超強(qiáng)推薦...2006-12-12
css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK2008-11-11
IE Bug--浮動(dòng)對(duì)象外補(bǔ)丁的雙倍距離的解決方法
IE Bug--浮動(dòng)對(duì)象外補(bǔ)丁的雙倍距離的解決方法...2007-01-01

