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

常用CSS元素div、ul、dl、dt、ol的簡(jiǎn)單解釋

幾個(gè)css元素的簡(jiǎn)單解釋div、ul、dl、dt、ol，這個(gè)很常見，塊級(jí)元素，div盡量少用，和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>

很多人容易忽略dldtdd的用法

◆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>

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

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

【編輯推薦】

1. DIV+CSS隱藏內(nèi)容行之有效的辦法
2. 十大CSS使用經(jīng)典技巧
3. CSS中SPAN和DIV的區(qū)別
4. DIV高度自適應(yīng)方法匯總
5. DIV CSS網(wǎng)頁(yè)布局需要掌握的八大技巧