详解列表标签

列表一般使用在侧边栏或者是内容页中一些需要列举的数据或者类目的场景。今天我们就说下,列表的种类和表达方法。

无序列表–是由ul和li组成→表达方式:

  • <ul>
  •   <li>春</li>
  •   <li>夏</li>
  •   <li>秋</li>
  •   <li>冬</li>
  •  </ul>

有序列表–是由ol和li组成→表达方式:

  • <ol>
  •   <li>春</li>
  •   <li>夏</li>
  •   <li>秋</li>
  •   <li>冬</li>
  •  </ol>

注意点:更多list的css样式可以查阅css手册添加使用,但是这里要了解一下,我们很多网页在实际开发当中不会直接使用css上面的有序或者无序列表的样式。

因为之前也提过了,由于不同浏览器有着不同的初始值默认值不一样的情况,所以为了避免不兼容情况出现,我们会采取另外方式来达到这种效果。

1.直接使用图片代替有序或者无序图片

2.直接使用文字来代替有序或者无序图片

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注