关于css中为什么ol标签不显示序号的解决办法

html-css016

关于css中为什么ol标签不显示序号的解决办法,第1张

首先,ol和ul分别代表序号和点的那种前缀,真正存在序号内容的是li标签,也就是并不能够仅仅书写ol标签

其次,在默认情况下,CSS的ol标签是存在序号的,如果你引入了CSS的重置文件,则ol的序号会被重置掉(设置为无)。

你可以尝试用如下代码,在你的浏览器当中看看效果

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>码匠- H5course</title>

</head>

<body>

<ol>

<li>HTML5</li>

<li>学堂</li>

<li>h5course</li>

</ol>

</body>

</html>

显示效果:

1.ul是无序列表,也就是说没有排列限制可以随意加li;

<ul>

<li>可以随意放置</li>

<li>可以随意放置</li>

<li>可以随意放置</li>

</ul>

.可以随意放置

.可以随意放置

.可以随意放置

2.ol就序列表,会按照你写的li前后依次排列;

<ol>

<li>我是第一</li>

<li>我是第二</li>

<li>我是第三</li>

</ol>

1.我是第一

2.我是第二

3.我是第三

3.dl是定义列表,会默认前后层级关系;

<dl>

<dt>我是头</dt>

<dd>我是内容</dd>

<dd>我是内容</dd>

</dl>

我是头

--我是内容

--我是内容

希望能帮到你!