DIV CSS网页布局中常用的列表元素


ol 有序列表

复制代码
代码如下:

<ol>
<li>&hellip;…</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提供了很多元素辅助布局。

« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3