本文和大家重點學習一下常用CSS元素div、ul、dl、dt、ol的用法，理解這些以后，在使用div布局的時候，會方便很多，w3c提供了很多元素輔助布局。

常用CSS元素div、ul、dl、dt、ol的簡單解釋

幾個css元素的簡單解釋div、ul、dl、dt、ol，這個很常見，塊級元素，div盡量少用，和table一樣，嵌套越少越好。

◆ol有序列表。

<ol>

<li>……</li>

<li>……</li>

<li>……</li>

</ol>

表現為：

1……

2……

3……

◆ul無序列表，表現為li前面是大圓點而不是123

<ul>

<li>……</li>

<li>……</li>

</ul>

很多人容易忽略dldtdd的用法

◆dl內容塊

dt內容塊的標題

dd內容

可以這么寫：

<dl>

<dt>標題</dt>

<dd>內容1</dd>

<dd>內容2</dd>

</dl>

dt和dd中可以再加入olulli和p

理解這些以后，在使用div布局的時候，會方便很多，w3c提供了很多元素輔助布局。

【編輯推薦】

1. DIV+CSS隱藏內容行之有效的辦法
2. 十大CSS使用經典技巧
3. CSS中SPAN和DIV的區別
4. DIV高度自適應方法匯總
5. DIV CSS網頁布局需要掌握的八大技巧