常用CSS元素div、ul、dl、dt、ol用法剖析

本文和大家重点学习一下常用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网页布局需要掌握的八大技巧