DIV CSS网页布局中常用的列表元素
(编辑：jimmy 日期: 2024/11/26 浏览：3 次 )
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提供了很多元素辅助布局。
复制代码代码如下:
<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提供了很多元素辅助布局。
下一篇：CSS布局中如何组织样式表以便于简化、维护