当前位置:   article > 正文

web前端学习笔记——列表_前段
  • 前段
  • 对于一些内容相似、结构相似、样式相似的内容使用列表结构进行搭建

    一、无序列表

    标签:ul li (嵌套关系,ul>li)

    ul:unordered list,表示一个无序列表的大结构

    li:list item,列表项,定义无序列表内的某一项

    <ul>
    	<li>列表项1</li>
    	<li>列表项2</li>
    	<li>列表项3</li>
    	<li>列表项4</li>
    </ul>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    效果:在这里插入图片描述

    注:

    1. 一个列表中可以有任意个列表项
    2. ul内部只能嵌套li,并且li标签不能脱离ul单独书写
    3. li标签是一个容器级标签,可以放置任何内容
    4. li标签之间,没有顺序之分,都是一样重要的
    5. 无序列表的作用只是搭建列表结构,没有添加样式前缀的功能,样式是由css负责的,去除前面的点:list-style:none

    二、有序列表

    标签:ol li(嵌套,ol>li)

    ol:orderer list,表示一个有序的列表的大结构

    li:list item,定义由序列表内的每一项

     <ol>
    
    • 1
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/329208?site
    推荐阅读
    相关标签
      

    闽ICP备14008679号