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提供了許多元素輔助佈局。
對於dl、dt、dd的設定建議不要用高度(height)和行高(line-height),在FF會產生錯位,由於IE和FF是否自適應造成,建議使用dt、dd的padding屬性來定位!