ul ol li dl dt
dd都是DIV+CSS做網頁長用的東西,相當於一棵樹的樹技,下面就了解一下這些東西的全體用法,本人用dd,dt,dd用得很少,懂得結合使用對做架構是很有好處的哦!
DIV
CSS網頁布局中常用的列表元素ul ol li dl dt dd釋義，塊級元素div盡量少用，和table一樣，嵌套越少越好
ol
有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表現為：
1……
2……
3……
ul
無序列表，表現為li前面是大圓點而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
很多人容易忽略
dl dt dd的用法
dl 內容塊
dt 內容塊的標題
dd
內容
可以這麼寫：
<dl>
<dt>標題</dt>
<dd>內容1</dd>
<dd>內容2</dd>
</dl>
dt
和dd中可以再加入 ol ul li和p
理解這些以後，在使用div布局的時候，會方便很多，w3c提供了很多元素輔助布局。DD DT DL標簽
我們在制作網頁過程中用到列表時一般會使用<ul>或者<ol>標簽，很少用刑<dl>標簽，但是這個三個標簽卻有著不可忽視的作用，畢竟Web標准中要盡最大可能的使用已有的標簽。它們的用途是：
< dl>< /dl>用來創建一個普通的列表,
< dt>< /dt>用來創建列表中的上層項目，
< dd>< /dd>用來創建列表中最下層項目，
< dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標志對之間。
有如下代碼
<html>
<head>
<title>一個普通列表</title>
</head>
<body text="blue">
<dl>
<dt>中國城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>廣州 </dd>
<dt>美國城市</dt>
<dd>華盛頓 </dd>
<dd>芝加哥 </dd>
<dd>紐約 </dd>
</dl>
</body>
</html>
我們可以看到，<dt></dt>中間的文字即使我們沒有進行縮進它也會向前靠攏，而<dd></dd>中間的內容則自動向後縮進。這在騰訊新聞評論中已經使用到了