常用CSS元素div ul dl dt ol的简单解释

本文详细介绍了CSS中的几种列表元素:div、ol、ul 和 dl 的使用方法及其在页面布局中的作用。通过具体示例展示了有序列表(ol)、无序列表(ul)以及定义列表(dl)的具体应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好.

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提供了很多元素辅助布局。

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值